Before/after image

Section spacing

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile)

Adjust the range bar to add spacing at the bottom of the section for mobile view.

Section visibility

Select from the options to select the visibility of this section:

-Always

-Small devices only(On selecting this, the section will be visible on mobile devices only.)

-Large devices only

Heading

Type the heading text.

Heading size

Choose the heading size from the H1-H6 options.

Heading tag

Choose the heading tag from H1-H6 for SEO purposes.

Heading alignment

Choose left or center to decide the text alignment.

Before

Image

Choose any image to appear as the first image.

Text

Enter text to display as a title above the before image.

Text alignment

Choose from top, center or bottom to decide the text alignment.

After

Image

Choose any image to appear as the second image.

Text

Enter text to display as a title above the after image.

Text alignment

Choose from top, center or bottom to decide the text alignment.

Drag

Position Adjust the range bar to determine the default position of the drag bar.

Colors

Color scheme Choose the color scheme.

These can be managed from Theme settings> Color >Schemes.

Last updated