Image

Images play a pivotal role in capturing the attention of your audience and conveying your brand's message. Our image section offers a versatile set of tools to help you curate and display images effectively on your website.

Section settings

Settings
Type
Description

Image

image_picker

Upload or select an image to display.

Layout

Height

select

Sets image height on desktop. Options include: Full screen, Image height, 750px, 450px and etc.

Enable mobile height

checkbox

Allows setting a separate height for mobile devices.

Mobile height

select

Sets image height on mobile. Options include Full screen, Image height, 750px, 450px and etc.

Stretch image

checkbox

Stretches the image to fill its container on the desktop.

Image position

select

Aligns the image if not stretched: Left, Center, or Right.

Colors

Background color

color

Sets background color behind the image.

Overlay gradient

color_background

Adds a gradient overlay on top of the image.

Section spacing

Width

select

Controls the section’s container width: Full width, Full width padded, Page width narrow, or Page width.

Padding top

range

Top spacing in pixels.

Padding bottom

range

Bottom spacing in pixels.

Last updated