Compare image

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

SettingDescription

Heading

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

Heading color

In this section, you can change the background and foreground color of a heading using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Before image

Use "Before image" to add the image to the section.

Enable overlay on Before image

By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Overlay on Before 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

Use "After image" to add the image to the section.

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

  • Scheme 5

Last updated