Inserting images using column elements in MyWebsite
Please use the “Print” function at the bottom of the page to create a PDF.
Valid for MyWebsite.
The column element allows you to arrange images in different sizes and with individual labelling in your MyWebsite. You can arrange labels next to and below images, and you can create up to 5 columns. This guide will walk you through the process.
Insert images in column layout
Log in to your IONOS account and open your MyWebsite project.
Click on Insert elements and open the Structure & design category.
Decide how many columns you want to insert, and drag & drop the corresponding symbol to the desired position in your MyWebsite.
Please note: With 2 or 3 columns, it is possible to select columns with different widths. Please note the different symbols. Once you have decided on a specific column layout, you can not change it later.To insert an image, click on the + symbol in the placeholder for the image. Then click on Select image.
Now select an image. You have the following options:
Take an image that is already in the image archive of MyWebsite. You can of course also use an image from the IONOS image database (from MyWebsite Basic). This can be found in the IONOS image directory. There you will find a large selection of professionally prepared images that you can use freely with your MyWebsite.
You upload a new image. To do this, click on Upload images or simply drag and drop the image into the area provided.
Please note:Only image files with a maximum size of 5 MB can be uploaded.
Once you have found or uploaded a suitable image, select it by clicking on the + symbol in the top right-hand corner.
Then click on Insert image.
You will now see an image preview. Click on Save to accept the image.
You can insert images in the other columns in the same way. To add more images to a column, click on the corresponding icon in the editing menu. To edit or delete the image, move the mouse over the image and click to open the options menu. You can also edit the heading and text in exactly the same way. When you are happy with the design, finish editing by clicking Close .