Image comparison

In this section, you can add before and after images to create a visual comparison between two images.

SettingDescription

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.

Last updated