Moving image
Use this section to display moving image banner with content or stable also. You can select maximum 4 banner. This section used as scrollable banner image.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Layout
Customization of the "Layout" in the section is as follows:
Full width
Grid
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
Extra large
Alignment
Customization of the "Heading alignment " in the section is as follows:
Left
Center
Number of columns on desktop
"Number of columns on desktop" is to customize the column of banner on the desktop screen. You can set column as a minimum of “2” and a maximum of “4”. If "Moving image blocks" this setting is enable then this column doesn't work.
Banner height
Customization of the Banner height in the section is as follows:
Small
Medium
Large
Adapt to image
Show image reverse all
By enabling this checkbox, you can see image on bottom of banner. If you are disable this setting then image will show on top of banner, In disable state you can use "Show image reverse evenly" even banner image reverse also.
Moving image blocks
By enabling this checkbox, you can see scrollable banner image . By enabling this, you can access scrollable banner image settings.
Moving method
To see this setting enable "Moving image blocks" this setting. Direction There is 2 option for movable image direction which is given below:
Left to right
Right to left
Speed
"Speed" is to customize the speed of movable banner image on the screen. You can set minimum speed of “0” second and a maximum of “100” second. Pause on hover By enable this checkbox to pause the movable image when hover on it.
Spacing around content on desktop
"Spacing around content on desktop" is to customize the spacing of movable banner content on the screen. You can set minimum space of “15px” and a maximum of “30px”.
Mobile layout
Enable scrollable view on mobile By enabling this, you can see scroll on mobile.
Number of columns on mobile
"Number of columns on mobile" is used for the customization of columns in mobile devices.
1 Column
2 Columns
Add Banner
Click on "Add Banner" and its customization is as follows.
Image
Used image to add to the banner image in the block.
Icon
In the section, the icons are given to select. are for selecting:
None
Box
Chat bubble
Checkmark
Clipboard
Dairy
Dryer
Eye
Fire color
Gift
Heart
Leather
Lightning bolt
Lock
Map pin
Nut free
Price tag
Question mark
Recycle
Return
Ruler
Shirt
Shoe
Snowflake
Star
Stopwatch
Truck
World
Caption
Enter text to display as a caption or other words in the banner block.
Heading
Text
Enter text to display as a heading in the banner block. Uppercase heading By enabling this, you can see heading in uppercase style.
Size
Following is the font size customization of the heading of the banner block:
Small
Medium
Large
Extra large
Subheading
Text
Enter text to display as a title in the banner block.
Size
Following is the font size customization of the subheading of the banner block:
Small
Medium
Large
Text
Enter text to display as a description in the banner block.
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.
Style
Customization of the button style in the section is as follows:
Link
Outline
Solid
Desktop content alignment
Customization of "Desktop content alignment" as follows:
Left
Center
Right
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Mobile layout
Content alignment
Customization of "Content alignment" for mobile as follows:
Left
Center
Right
Animation
Image behavior Customization of "Image behavior" as follows:
None
Ambient movement
Last updated