Gallery image

Gallery image on a website captures attention, highlights promotions, delivers breaking news, optimizes space, engages users, enhances aesthetics, and facilitates rapid information dissemination.

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fixed width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Image width

Customize the size of the image

Image ratio

The image ratio for the featured images of the blog posts:

  • Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.

  • Portrait - Crops the images to use a 3:4 ratio.

  • Square - Crops the images to use a 1:1 ratio

  • Landscape - Crops the images to use a 4:3 ratio

Mobile image width

Customize the size of the image on mobile

Show blurred background

Enable a blurred background

Header settings

Setting
Description

Subheading, Heading, Description

Custom title block

Heading size

The size of header content

Alignment

3 options for the header alignment

  • Left

  • Center

  • Right

Marquee settings

Setting
Description

Direction

Determine the running direction

Speed

The running period

Space between items

Customize the spacing between two items

Content setting

Setting
Description

Text size

Font size text customization

  • Small

  • Medium

  • Large

Uppercase

When you enable uppercase, text also be displayed in all uppercase letters.

Use heading font

Use the font specified in the heading font settings

Section padding

Setting
Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Block settings

Image

Settings
Description

Image

Upload desired image

Width

Customize the size of the image

Svg icon

Choose an icon to show along with the content

Link

The link URL you want to add

Width

Customize the size of the image

Last updated