Image with text is a popular design element used in web and graphic design. It combines an image and a text block to create a visually appealing and informative element. Image with text can highlight a product, service, or feature, providing customers with important information clearly and concisely. This can help to improve engagement and drive conversions for your business. Image with text is also effective for communicating brand messaging, creating a sense of personality and tone for your website. Using images and text together can create a more impactful and memorable experience for your visitors. Overall, an image with text is a powerful design element that can help you to effectively communicate your message and improve the overall user experience on your website.
| Settings | Description |
|---|---|
| Image | Click Select Image to connect an image with the section. |
| Heading | Shows the title of the section. |
| Description Heading | Shows the title of the description. |
| Description | Shows the text of the context. |
| Heading Font | Select the font family. |
| Content Font | Select the font family. |
| Button Text | Shows the text of the button. |
| Button URL | Enter the URL that you wish the button to direct to. |
| Desktop Height | The size of the section height on desktop: |
| • Natural | |
| • 300px | |
| • 400px | |
| • 500px | |
| • 600px | |
| • 700px | |
| • 800px | |
| Mobile Height | The size of the section height on mobile: |
| • Natural | |
| • 200px | |
| • 300px | |
| • 400px | |
| • 500px | |
| Desktop Image Alignment | Select where the image is located on desktop: |
| • Left | |
| • Right | |
| Mobile Image Alignment | Select where the image is located on mobile: |
| • Top | |
| • Bottom | |
| Text Alignment | Select where the text is located: |
| • Left | |
| • Center | |
| • Right |