Image comparison
Last updated
Last updated
In this section, you can add before and after images to create a visual comparison between two images.
| Setting | Description |
|---|---|
Make section full width
By enabling this checkbox, you can make section in full width.
Heading
Enter text to display as a title in the section.
Hide heading
By enabling this checkbox , you can hide the heading.
Heading size
Following is the font size customization of the heading of the section.
Small
Medium
Large
After/before content position
Following is the content position customization of the After/before of the section.
Top
Middle
Bottom
After image
Use "After image" to add the image to the section.
Enable overlay on First image
By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Overlay on First image" setting to increase or decrease the opacity level of the overlay on the image.
Overlay color
You can customize the overlay color of the before image by using the overlay color option.
Opacity
By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Opacity" setting to increase or decrease the opacity level of the overlay on the image.
After image text
Use "After image text" to add the Text to the section.
After image subheading
Use "After image subheading" to add the Text to the section.
Heading size
Following is the font size customization of the heading of the section.
Small
Medium
Large
Before image
Use "After image" to add the image to the section.
Before image text
Use "Before image text" to add the Text to the section.
Before image subheading
Use "Before image subheading" to add the Text to the section.
Heading size
Following is the font size customization of the heading of the section.
Small
Medium
Large
Desktop image height
"Desktop image height" is used to change the size of the section images. You can give the minimum height "400px" and maximum height "600px" of the banner.
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
Enable overlay on image text
By enabling this checkbox it will show overlay on image text.
Overlay color
Set overlay background color.
Image text color
Set image text color according to background color.
