The Image with text section is a versatile and engaging way to combine media and messaging together.
Add this section to
Customize the section
Click the Image with text section to customize its general settings.
Section Heading
Add text to the Section Heading field to set the title of the section.
Image
Click Select image to locate and assign the image file.
Desktop height
Use the Desktop height dropdown to select one of the image height options. The options are:
- Natural
- 400px
- 500px
- 600px
- 700px
- 800px
This setting will cap the height of the images at the selected value (e.g. 600px) and maintain the proportional width for varying window and device sizes.
Mobile height
Use the Mobile height dropdown to select one of four image height options. The options are:
- Natural
- 300px
- 400px
- 500px
This setting will cap the height of the images at the selected value (e.g. 500px) and maintain the proportional width for varying window and device sizes.
Desktop width
Use the Desktop width slider to adjust the image width on desktop. Choose a value from 25% to 75%.
Desktop image position
Set the image position on desktop to appear either to the Left or Right of the text.
Mobile image position
Set the image position on mobile to appear either at the Top or Bottom of the text.
Text alignment
Adjust the text alignment by selecting Left, Center, or Right.
Customize blocks
Use the preloaded blocks to customize the content of your Image with text section.
There are blocks for Heading, Text, and Button, Image and Icon.
Heading
Add text with the Heading field.
Select Small, Medium, or Large for the Heading size.
Text
Add your text to the Text field. Use the Bold and Italic buttons to style parts of the text, and add a link with the URL button if needed.
Button
Add the button text to the Label field.
Connect a URL through the Link field.
Select Primary or Secondary for the button Style.
Icon
Select the Icon you want to display from the dropdown menu.
Use Icon width (desktop) to set the icon width on desktop, and Icon width (mobile) to set the icon width on mobile. Choose a value from 16 to 100 pixels.
Share your experience with Empire
Your feedback is crucial! Help make Empire better by sharing your thoughts.
What to provide:
- Pain points: What's not working for you?
- Missing features: What should we add to Empire?
- General feedback: Any other ideas?
How to provide feedback:
- Fill out our quick and easy form.
- Details help us improve, so the more specific, the better!