Image Block
Updated 1 month agoImage block displays a single image with optional text and CTA. You can use it to highlight a campaign, product, or brand message visually.
Image
-
Upload an image in the recommended format to represent your section.
-
Select the target page where users will be redirected when they click the image.
-
Add an overlay if you want a tinted layer for contrast.
Image Attributes
These control how your image is displayed.
-
Ratio - sets the shape of the image area.
-
Radius - adjusts how rounded the corners are.
-
Image Scale (Fill/Fit) - choose whether the image fills the full space or fits inside without cropping.
Text Content
Use the eye button to enable or disable text layers.
Body Text
If enabled, customize: Text, font, size/weight, line height, letter spacing, text color, alignment, and capitalization.
Heading
If enabled, customize the same text style options as the body text.
-
Button - Enable or disable the button using the eye icon.
-
Button Text - Customize the button label along with its font, size/weight, line height, letter spacing, color, alignment, and capitalization.
-
Border - Select the border color and width for the button.
-
Left & Right Icons - Choose or upload icons for the button and set their color.
-
Advanced Settings - Control the finer layout and positioning such as background color, corner radius, padding, relation, format, and overall position
Layout Padding and Position
Adjust spacing inside the block and move content vertically within the layout.
Background and Spacing
These settings manage the wrapper around the image block.
-
Color - background color
-
Radius - rounded corners
-
Padding — inner spacing
-
Margin — outer spacing
Border
Set the section border color, width, and which sides it appears on.
Benefits:
-
Creates strong visual impact
-
Helps communicate brand identity and storytelling
-
Drives focused attention therefore leading to better click-through rates
Related Articles
