Image with text
Add an image with a title, description, and Button. Choose the size of your image and upload ita.
Layout
Customization of layout in image with text section is as follows:
Grid
Full width from left
Full width from right
Color scheme
In this section, you can change the background color of the session using the color scheme:
Accent 1
Accent 2
Accent 3
Background 1
Background 2
Image
Use "Image" to add the image to the section.
Second image
Use this settings to add the second image in section.
Animated svg
Use this settings to add animated image to the section.
Image position
Customization of "image position" in the section is as follows:
Start
Center
End
Image width
Below is the Image size customizations in the section:
25%
50%
65%
100%
Equal image zigzag
Use this settings to show images in zigzag view. This setting works only when image width is set to 50% and second image is selected form the settings.
Desktop image position
The desktop Image customization section is as follows:
Left
Right
Image layout
Customization of image layout in image with text section is as follows:
No overlap
Overlap
Vertical alignment on desktop
Vertical alignment customization of the text in the section is as follows:
Top
Middle
Bottom
Content background gradient
Customize the content background gradient to apply in the text content.
Image ratio
In the section, Image size customization is as follows:
Adapt to image
Small
Medium
Large
Desktop alignment
Customization of text alignment in desktop devices is as follows:
Left
Center
Right
Mobile alignment
Customization of text alignment in mobile devices is as follows:
Left
Center
Right
Add block
To add blocks to the Image with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.
Heading
Click on the "Add block" and select the Heading. And enter text to display as a title on the section.
Heading size
Customization of the "Heading size" in the image with text section is as follows:
Small
Medium
Large
Heading text link color
Use this settings to change heading color of this section.
Caption
Click on the "Add block" and select Caption. And enter text to display as a Caption on the section.
Button label
Click on the "Add block" and select the Button. Use "Button label" to add a label to the Button in the section.
Button link
Click on the "Add block" and select the Button. Use "Button link" to add a link to the Button in the section.
Button style
Customization of the "Button style" in the image with text section is as follows:
Link
Outline button
Solid button
Desktop button size
Customization of the "Button size" in the image with text section is as follows:
Default
Medium
Large
End date
The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2024/10/05.
Timer complete message
When completed your timer after apply Timer message
Last updated