Features with Images #
The Features with images section is used to highlight product or brand benefits with a strong visual layout. It combines one main image with multiple feature items, where each item can include an icon, heading, and supporting text. This section works well for showing key selling points, ingredients, technology, or service advantages in a clean side-by-side format.
Section settings #
Color scheme #
Select the color palette for this section from your available theme color schemes so it matches your overall page style.
Section width #
Control how wide the section appears on the page.
Use Page to keep content aligned to the theme container, or Full to stretch the section across the full browser width.
Desktop layout #
Choose the order of content on desktop screens.
With Image first, the main image appears before the feature content.
With Text first, feature content appears before the image.
Main image #
Upload or select the large image shown beside the feature list. This is the primary visual for the section.
Heading #
Add a section title to introduce the feature group.
Heading size #
Set the typography size for the subheading using heading scale options (for example H1 to H6 based on your theme).
Feature heading size #
Set the size used for each feature item title.
Text size #
Control the size of the feature description text for better readability and visual hierarchy.
Top padding #
Adjust space above the section in pixels to control vertical spacing between sections.
Bottom padding #
Adjust space below the section in pixels to maintain consistent page rhythm.
Block settings #
Feature block #
Each Feature block creates one feature row/item in the section. You can add multiple blocks to build a full list of benefits.
Icon image #
Choose the icon shown for the feature item.
Heading #
Add the title of the individual feature point.
Description #
Add supporting text that explains the feature in more detail.
