Image with scroll content
Layout
Customization of the "Layout" in this section is as follows:
Full width
Container
Image
Image Use "Image" to add the main image to the section.
Image height
Customization of the "Image height" in the Image with scroll content section is as follows:
Adapt to image
Small
Medium
Large
Image position
The desktop Image customization section is as follows:
Left
Right
Desktop content position
Desktop content position customization of the text in the section is as follows:
Top
Middle
Bottom
Desktop content alignment
Customization of text alignment in desktop devices is as follows:
Left
Center
Right
Mobile content alignment
Customization of text alignment in mobile devices is as follows:
Left
Center
Right
Content color scheme
In this section, you can change the background and foreground color of a content using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
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
Scheme 7
Animations
Customization of the "Image behavior" in the Image with scroll content section is as follows:
None
Ambient movement
By employing the Ambient movement feature, the image will exhibit motion.
Add block
To add blocks to the Image with scroll content section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.
Content
Caption
Text Input the text to be displayed in this section.
Uppercase text By enabling this checkbox, you have the ability to show uppercase text.
Size
Customization of the "Text size" in this section is as follows:
Small
Medium
Large
Style
Customization of the "Text style" in this section is as follows:
Light
Dark
Heading
Text Enter text to display as a title in the section. Heading size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Enable gradient color Enabling this setting will display a gradient color for the heading text. You can modify the foreground color in the color settings to change color of the heading text. Description
Content Enter text to display as a Content in the section. Content size
Customization of the "Content sizee" in the Image with scroll content section is as follows:
Small
Medium
Large
Extra large
Button
Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. Button style
Customization of the "Button style" in the Image with scroll content section is as follows:
Link
Outline
Solid
Icon with text
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
Enable gradient color Enabling this setting will display a gradient color for the heading text. You can modify the foreground color in the color settings to change color of the heading text. First Image Use "Image" to add the main image to the section. Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section. Second Image Use "Image" to add the main image to the section. Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section. Third Image Use "Image" to add the main image to the section. Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section. Enable image radius Enabling this setting will apply a border radius to the image.
Box background color You can modify the background color in the 'Box background color' settings to change color of the content box.
Heading with text
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
Enable gradient color Enabling this setting will display a gradient color for the heading text. You can modify the foreground color in the color settings to change color of the heading text. First Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section. Second Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section. Third Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section.
Fourth Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section.
Fifth Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section.
Sixth Text Enter text to display as a title in the section. Content Enter text to display as a Content in the section. Box background color You can modify the background color in the 'Box background color' settings to change color of the content box.
Last updated