Features Bar
On this page 14
A row of short highlights - like free shipping, secure payment, or 24/7 support - each with a small icon, a title, and a one-line description. Commonly placed near the top or bottom of the homepage to build trust quickly.
Section Header
- Section Title - the main heading for the section.
- Section Subtitle - supporting text shown near the title.
- Title Font Weight - how bold the title text appears, from Light to Extrabold.
- Subtitle Font Weight - how bold the subtitle text appears, from Light to Extrabold.
- Header Style - whether the heading sits centered above the features, or splits to sit side by side.
- Heading Alignment - aligns the heading text to the left, center, or right.
- Title Pre Decoration - a small decorative touch before the title: none, a short bar, an underline, or a spark.
- Subtitle Pre Decoration - a small decorative touch before the subtitle: none, a soft line, or a spark.
- Eyebrow (above title) - a short line of text shown just above the section title, handy for a small tagline such as “New Arrivals”. Leave it empty to hide it.
- Eyebrow Style - how the eyebrow looks: Plain text, With Line (a short line before the text), or Pill (the text inside a small rounded badge).
- Eyebrow Font Weight - how bold the eyebrow text appears, from Light to Extrabold.
- Eyebrow Color - the color of the eyebrow text. If left empty, the theme’s accent color is used.
- Badge Background Color - the fill color behind the eyebrow text. Only shows when Eyebrow Style is set to Pill.
- Main Title Color (optional) - a custom color for the section title. Leave it empty to keep the default color.
- Subtitle Color (optional) - a custom color for the subtitle. Leave it empty to keep the default color.
Feature Text
- Feature Title Size (0 = default) - the size of each feature’s title, in pixels. Leave it at 0 to keep the theme’s default size.
- Feature Title Font Weight - how bold each feature’s title appears, from Light to Extrabold.
- Feature Title Color (optional) - a custom color for the feature titles. Leave it empty to keep the default color.
- Uppercase Feature Title - when on, feature titles written in English letters appear in capital letters. The Compact Inline style always keeps titles in their normal case.
- Feature Subtitle Size (0 = default) - the size of each feature’s description line, in pixels. Leave it at 0 to keep the default size.
- Feature Subtitle Font Weight - how bold the description line appears, from Light to Extrabold.
- Feature Subtitle Color (optional) - a custom color for the description lines. Leave it empty to keep the default color.
Section Background Color
The background color behind the whole section.
Layout & Columns
How many features sit side by side on each screen size. Doesn’t apply to the Auto-scroll Marquee style, where features run in a single scrolling row.
- Desktop Columns - features per row on desktop screens, from 1 to 6.
- Tablet Columns - features per row on tablet screens, from 1 to 4.
- Mobile Columns - features per row on phone screens, 1 or 2.
Section Style
The overall visual treatment: Minimalist Vertical (icon stacked above text), Refined Side-by-Side (icon beside text), Floating Modern Cards (each feature in its own raised card), Auto-scroll Marquee (features scroll continuously across the screen), or Compact Inline (a tight single-line row).
Marquee Speed (lower = faster)
Only relevant when Section Style is “Auto-scroll Marquee”. How fast the features scroll - a lower number scrolls faster.
Auto-scroll on desktop / laptop-tablet / mobile
Only relevant when Section Style is “Auto-scroll Marquee”. Turns the scrolling motion on or off independently for each screen size. When scrolling is off, the features sit still, spread evenly across the row.
- Auto-scroll on desktop - scrolling on large desktop screens.
- Auto-scroll on laptop / tablet - scrolling on mid-sized screens such as small laptops and tablets.
- Auto-scroll on mobile - scrolling on phone screens.
Show Dividers
When on, adds thin separator lines between each feature. Doesn’t apply to the Auto-scroll Marquee style.
Icon / Image Size
How large each feature’s icon or image appears, in pixels.
Icon Background
Whether each icon sits on No Background, your store’s Primary Color, or a Custom Color you set below.
Custom Icon Background Color
The exact background color behind each icon, when Icon Background is set to Custom.
Icon Background Shape
The shape of the area behind each icon: Circle, Square, Rounded, Squircle (a soft rounded square), or None.
Corner Radius
Only relevant when Icon Background Shape is “Rounded”. How rounded the corners are, in pixels.
Features
Each entry in this list is one highlight shown in the bar.
- Icon Image - an uploaded icon image for this feature.
- Or paste SVG code - alternatively, paste raw SVG code for the icon instead of uploading an image file.
- Title - the short headline for this feature (e.g. “Fast Shipping”).
- Subtitle - a one-line description under the title (e.g. “Delivered within 24 hours”).