General settings (Image banner)
| Setting | Description |
| First image | Choose an image from your media library, upload a new one, or search for free stock images using the "Explore free images" option. *The image takes up the full width if you don't add a second image. |
| Enable custom image height | Mark the checkbox to control media height |
| Media height | Use slider to change image height |
| First image for mobile (Not required, recommended max width 550px) | Choose an image from your media library, upload a new one, or search for free stock images using the "Explore free images" option. *If you do not add an image, then it will be like on the desktop version. |
| Second image | Choose an image from your media library, upload a new one, or search for free stock images using the "Explore free images" option. *The image takes up half the width of the section. |
| Second image for mobile (Not required, recommended max width 550px) | Choose an image from your media library, upload a new one, or search for free stock images using the "Explore free images" option. *If you do not add an image, then it will be like on the desktop version. |
| Adapt section height to first image size | Mark the checkbox to make all images the same size as the first image. |
| Desktop text position (Works only with adapt height) |
|
| Image overlay opacity | Use the slider to adjust the opacity of the background overlay. |
| Add parallax effect on desktop | Add parallax effect by marking the checkbox. Click save to see the changes. Parallax effects involve a website’s background moving at a different speed than the foreground content. This visual technique creates an illusion of depth, which leads to a faux-3D effect upon scroll. |
| Text box width | Use the slider to adjust text box width. |
Mobile Layout
| Setting | Description |
| Stack images on mobile | Mark the checkbox if you want the second image to be displayed below the first, making it easier to view on smaller screens. |
| Show text outside images | Mark the checkbox if you want to show text outside images. When the checkbox is unmarked, images show like a background for text. |
Section settings
| Setting | Description |
| Section top space | The "Section top space" setting allows you to adjust the amount of space at the top of the section using a slider. |
| Section bottom space | The "Section bottom space" setting functions similarly to the "Section top space" setting but controls the space at the bottom of the section. |
| Background color | To change the background color of the section, simply click on the circle labeled "Background color" and select an appropriate color from the color picker. This will apply the chosen color as the background for the section, enhancing its visual appearance. |