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

Settings	Type	Description
Layout
Height	select	Choose the desktop image height: Full screen, 750px, One half of screen, and etc.
Enable mobile height	checkbox	Enable custom mobile height settings.
Mobile height	select	Choose image height for mobile devices.
Mobile layout	select	Select how both images are displayed on mobile: Split, Inline, First block image, or Second block image.
Content alignment	select	Position the text block within the image area: Top left, Center, Bottom right, and etc.
Images
Text contrast	range	Overlay opacity to improve text readability.
Text
Width	select	Set the content container width: Full width padded, Page width, or Page width narrow.
Color	select	Choose between Light or Dark text color.
Heading	richtext	Add styled heading text with optional emphasis using italics.
Heading size	range	Adjust heading size.
Highlight
Type	select	Select a style for highlighted words: Underline, Circle, Stroke, and etc.
Highlight color	color	Background or decoration color for highlighted text.
Text color	color	Text color of highlighted words.
Text	textarea	Add supporting text below the heading.
Text size	range	Adjust body text size.
Button 1
Text	text	Text for the first button. Leave blank to make the whole image clickable.
Link	url	Destination URL for button 1.
Color	select	Button color: Primary, Secondary, White, or Black.
Button style	select	Choose visual style: Solid, Outline, Border, Soft, or Text.
Size	select	Button size: Small, Medium, or Large.
Button 2
Text	text	Text for the second button.
Link	url	Destination URL for button 2.
Second button color	select	Choose color for the second button.
Second button style	select	Style for the second button.
Second button size	select	Size for the second button.