# Blurbs

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2Fa983aQq5X3WaRjPofThh%2Fheader_08.jpg?alt=media&#x26;token=b05c0438-0948-4f03-9790-02a35ed9766c" alt=""><figcaption></figcaption></figure>

**Location:** `Header → Header Sections → Blurbs`

***

The **Blurbs** section allows you to display short pieces of information or messages, often used for highlights such as *free shipping, store hours, or promotional text.*\
Each blurb can include an icon, text, and a link. The section is fully responsive and can adapt to both desktop and mobile layouts.

You can also create multiple **Text** subsections within the **Blurbs** section, giving you flexibility to show different messages side by side.

***

## **Blurbs — Options Overview**

| **Category**               | **Option / Setting**            | **Description / Available Values**                                                                                                                                  |
| -------------------------- | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Layout**                 | **Top spacing**                 | Controls the spacing above the section. **Options:** None, Small.                                                                                                   |
|                            | **Width**                       | Defines the overall width of the Blurbs section. **Options:** Default, Boxed, Wide. *The Wide option applies to screens with a width of 1440px or more.*            |
|                            | **Number of columns**           | Sets how many blurbs (text blocks) are displayed per row. **Range:** 1–6.                                                                                           |
|                            | **Number of columns on tablet** | Defines how many blurbs are displayed per row on tablet devices. **Range:** 1–4.                                                                                    |
| **Text**                   | **Align text relative to icon** | Controls the vertical alignment of the text in relation to the icon. **Options:** Top, Center.                                                                      |
|                            | **Underline on hover**          | Enables an underline effect for text links when hovered.                                                                                                            |
|                            | **Visibility**                  | This section functions only on the **Home page.**                                                                                                                   |
| **Mobile Slider Settings** | **Navigation**                  | Defines navigation type for mobile display. **Options:** Disable, Arrows.                                                                                           |
|                            | **Enable autoplay**             | When enabled, blurbs automatically slide or transition on mobile.                                                                                                   |
|                            | **Change slides every**         | Sets the duration between slide transitions. **Range:** 2–40 seconds. *This feature doesn’t work inside the theme editor preview. To test it, use arrows manually.* |
| **Dividing Line**          | **Show top line**               | Displays a top divider line above the section.                                                                                                                      |
|                            | **Show bottom line**            | Displays a bottom divider line below the section.                                                                                                                   |
| **Background**             | **Background**                  | Defines the section background style. **Options:** Hide, Color, Gradient, Image.                                                                                    |
| **Colors**                 | **Link**                        | Sets the color of links within the section.                                                                                                                         |
|                            | **Link hover**                  | Defines the hover color of links.                                                                                                                                   |
|                            | **Lines**                       | Adjusts the color of dividing lines.                                                                                                                                |
|                            | **Icon**                        | Sets the default icon color.                                                                                                                                        |
|                            | **Icon hover**                  | Defines the hover color for icons.                                                                                                                                  |

## **Text Subsections**

Each **Blurbs** section can contain multiple **Text** subsections.\
You can add as many **Text** subsections as needed — each represents a separate blurb with its own icon, text, and link.

| **Subsection** | **Option / Setting** | **Description / Available Values**                                              |
| -------------- | -------------------- | ------------------------------------------------------------------------------- |
| **Text**       | **Show icon**        | Determines whether to display an icon. **Options:** Hide, Image, Preset icon.   |
|                | **Preset icon**      | Enables the use of a predesigned theme icon.                                    |
|                | **Preset icon name** | Select a specific icon from the preset icon library.                            |
|                | **Text**             | The main text content for the blurb (e.g., “Free shipping on orders over $50”). |
|                | **Link**             | Add an optional link to the blurb text or icon.                                 |
