Start by selecting the text & images panel to make it active. Then from the panel toolbar, select Edit.
Within the panel options you can adjust the:
- Image Inset
- Text Inset
- Column Split
- Inset Colour
- Background Colour
- Full Width Background
- Keep images side-by-side on Mobile
- Hide images on Mobile (scroll within the panel if this option isn't visible)
Click on the Arrangement dropdown to change the position of your image and text, e.g: move the image to the right of the panel instead of the left.
|Image on Left, Text on Right||Image on Right, Text on Left|
Click on the Image Inset dropdown to increase or reduce space from around the image only (effectively making an image bigger or smaller in the panel).
|0 pixels image inset||20 pixels image inset|
Click on the Text Inset dropdown to increase or decrease space around the text area only. Decrease the text inset to fit more text in the same space, or increase it to give your image more definition and space.
|20 pixel text inset||5 pixel text inset|
Click on the Column Split dropdown to allocate more or less percentage of the panel space to the text and image.
Use column split to balance your panel based on the amount of text you want to use, and the type of image you are using, e.g: if you are using a full length profile image you may like to allocate a higher percentage to the image so that the face isn't too small. If you are using a close-up head and shoulders profile, a larger percentage may make the image look too big - decrease the percentage to make the profile image smaller.
|40% / 60%||50% / 50%|
Click on the Inset Colour colour picker to change the colour in the area of the inset only (i.e: excluding any panel padding). Use inset colour to define the panel against your background, or highlight it against other panels in your template.
|20 pixels panel padding, no inset colour||20 pixels panel padding, with inset colour|
Click on the Padding dropdown to increase or reduce the space around the whole panel.
|0 pixel panel padding||20 pixels panel padding|
Click on the Background Colour colour picker to change the background colour for the whole panel.
Use panel padding, a background colour and a contrasting inset colour to create a panel border/frame.
|20 px padding, background colour with no inset colour||20 px padding, background colour and contrasting inset colour|
Full width background
Tick the Full Width Background box to extend a background colour to the full width of any email client.
|Standard background colour||Full Width background colour|
See Image layout options in mobile view for more information on the Keep images side-by-side on Mobile and Hide images on Mobile options.
Always remember to click Save to update any changes.
Please sign in to leave a comment.