Split images
Last updated
Last updated
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.
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.