Split images

Split images section offers a creative and engaging way to present your content. This section allows you to showcase two images side by side, providing a dynamic visual contrast.

Section settings

• Layout: Adjust image height from full screen to fixed pixel values. You can enable 'mobile height' for optimized display on smaller screens and choose a mobile layout. Content Alignment controls text positioning over images with options like top left, bottom center, center, or other.

• Images: Adjust the opacity of the overlay to improve text readability against the background image. The range for opacity is from 0% to 95%, with a default of 10%.

• Text: Customize the text width and choose light or dark text for better contrast. Adjust the heading with HTML formatting and set its size.

• Highlight: Effects like underlining or highlighting and others setting the color, and adjusting the text size of the body text.

• Buttons: Each image can have up to two buttons with customizable options: set the text, link, color, style, and size.

Block settings

• Image and Mobile: Each block represents an image with options to upload both desktop and mobile-specific images.