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
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 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
Image ratio
Customize the ratio of the image
Type
2 options for Type
Carousel
Marquee
Show blurred background
Enable a blurred background
Show Instagram icon on hover
Enable an Instagram icon on hover
Header settings
Subheading
The subheading of the section
Heading
The title of the section
Enable heading underline animation
Turn on an animated underline effect for headings. Switch off to keep a static look.
Underline style
Choose the underline’s look. Include:
Include: Simple underline – Clean straight line beneath the text.
Curve stroke: Soft, hand-drawn curved stroke for a casual feel.
Squiggle underline: Wavy line for a lively, attention-grabbing look.
* Note: Only appears when Enable heading underline animation is enabled
Underline color
Pick the color used for the underline. * Note: Only appears when Enable heading underline animation is enabled
Description
The description of the section
Alignment
The position of the heading and description.
Left
Center
Right
Carousel settings
Show navigation
Display the next and back controls for the carousel
Show pagination
Display the pagination for the carousel
Column gap
Define the spacing between 2 items
Items per row on desktop
Number of columns to display on desktop devices.
Items per row on mobile
Number of columns to display on mobile devices.
Section padding
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Section divider
Show divider: Enable a divider
Block settings
Image
Image
Upload desired image (303px x 303px recommended)
Link
The link URL you want to add
Last updated