Image with text
Add an image with a title, description, and Button. Choose the size of your image and upload it.
Layout
Customization of the "Layout" in this section is as follows:
Grid
Compact
Enable column gap
Using this feature to add the space between the Columns.
Scrollbar
Text
Use this settings to add the scrolling promotional message to the image with text section.
Style
Customization of scrolling promotional message style is as follows:
Mix blend– Blends the text with the image for a creative effect.
Normal– Displays text with normal contrast.
Position
Customization of scrolling bar positionis as follows: • Inside • Outside
Space between text
Use this to set the distance between scrolling promotional message in the scrollbar.
Direction
Use of "Direction" allows the rotation of the scrolling promotional message from 'left to right' and 'right to left'.
Enable pause on hover
Turn this on to pause the scrolling text when a user hovers over it.
Content
Image height Customization of the "Image height" in the Image with text section is as follows:
Adapt to image
Small
Medium
Large
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
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.
Image
Click on the "Add block" and select the Image.
Image
Use this settings to add image to the image with text section.
Products
Use this settings to show product slider on image of this section.
Color scheme
In this section, you can change the background and foreground color of the Image block using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Caption
Custom svg
Paste any SVG icon code here to display an icon above or beside the caption text.
Text Use this to add optional supporting text that appears above the heading.
Text size
Customization of caption text size is as follows:
Small
Medium
Heading
Text Enter text to display as a title in the section. Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Countdown
End date Add date here. The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2025/12/31.
Enable timer background By enabling this checkbox, you have the ability to show timer background.
Discount coupon
Discount text
Add your discount message or code here.
Description
Content
Enter a text to display as a short description or supporting text in the section.
Button
Label Use "Button label" to add a label to the Button in the section. Link Use "Button link" to add a link to the Button in the section.
Desktop content placement
Customization of desktop content placement is as follows:
Top
Middle
Bottom
Desktop content alignment
Customization of desktop content alignment is as follows:
Left
Center
Right
Color scheme
In this section, you can change the background and foreground color of the content details block using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Mobile layout
Mobile content alignment
Customization of content alignment in mobile devices is as follows:
Left
Center
Right
Last updated