Image with text overlay

Steps:

1. In the theme editor (Customize), click Add section.

2. Locate Image with text overlay

3. Make necessary changes. > Save.

General Settings

• Section width - Boxed / Wide / Full

• Image - Desktop

• Mobile image (optional)

• Link - Provide a link to make the entire section clickable.

• Desktop height mode ⇒ Adapt to image/ Full screen / Fixed height

• Desktop fixed height ⇒ Height applied when 'Fixed height' is selected

• Mobile height mode ⇒ Adapt to image/ Full screen / Fixed height

• Mobile fixed height ⇒ Height applied when 'Fixed height' is selected

• Desktop content position

• Mobile content position

• Content width - Small / Normal / Large / Boxed

Animation

• Enable parallax - Better with large images and height set to px

• Enable scroll reveal

• Enable first section ⇒ When this section on top of other sections

• Direction scroll reveal ⇒ In / Out

• Threshold down ⇒ The threshold for the section to be revealed when scrolling down

Colors

• Text color

• Overlay color

• Overlay opacity

• Overlay gradient - Overwite overlay color

Block settings

Steps:

1. Locate Image with text overlay

2. Add Block. > Select block you want

3. Make necessary changes. > Save.