Edit A Page
To edit a section of text, simply click on the text box in the layout editor on your screen.
The image above is a sample of a full width layout.
The image on the left is a sample of a 1/2 page layout.
For these examples, we would use a pixel width of 2000 pixels for the above image, and 1,100 pixels for the image to the left. See the table below for a list of ideal image sizes.
| Image Width in Page Layout | 1/4 Width | 1/3 Width | 1/2 Width | Full Width |
| Best Image Size (Width) | 700 px | 800 px | 1100 px | 2000 px |
We will outline all 3 below.
Image elements are the most straight forward. If you see an image element in your layout, simply click on it to edit it.
Then follow the steps below to complete your edit.
Color Sections are often used for full-width page banners. If you see a color section in your layout, hover over it till you see the Edit Section icon apear.
You will find the place to swap out the background image under Styling > Background Image > Insert
Then follow the steps below to complete your edit.
Grid Rows are used for grid like layouts, often with 1/2 image 1/2 text columns on the page.
To edit the background image in a grid row cell, hover over the cell till you see the Edit Cell icon appear.
You will find the place to swap out the background image under Styling > Background > Insert
Then follow the steps below to complete your edit.
Click on Upload Files
Click on Select Files
Select the Image Size under ATTACHMENT DISPLAY SETTINGS that best corresponds to the table of images relative to page layout from above. For example, this selection of Large ( 1030 x 1030 pixels ) would work well for a 1/2 page layout.
Click on Insert into Page
Then Save, then Update ( see top of page for details on these steps. )