# Icon box

This section helps you add **Icon, Header, Subheader, and Text in many boxes**. You can use this section for many different purposes, especially for a more flexible Free Shipping section. Let's stick to this article to figure it out.

<figure><img src="/files/vUFiOiu9biRRQHDKrc5o" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps:

* In the theme editor (**Customize**), click **Add section**
* Locate **Image box**
* **Save**
  {% endhint %}

## Section settings <a href="#image-box-settings" id="image-box-settings"></a>

### **Section header and General**

**Section width:** You can choose among Container, Wrapped container, Full width for the banner layout.

**Color scheme:** Set text color and background color with preset scheme.

**Type**: You can choose the default layout for the blocks or add borders to them.

**Column gap:** Adjust the spacing between products to ensure a clean and organized appearance, enhancing the shopping experience.

<figure><img src="/files/mvBS2GiHSxKbjBO0gWkM" alt=""><figcaption></figcaption></figure>

**Icon position**: Set the icon's position to top, right, bottom, or left.

**Icon size**: Specify the size of the icon.

**Spacing**: Adjust the spacing around the icon.

<figure><img src="/files/lSgtE1zhigczO1N9uwDH" alt=""><figcaption></figcaption></figure>

### **Content settings**

Content settings include customization options for headings and descriptions. You can adjust the Font size and Font weight for each of these text elements to match your design preferences.

Additionally, the Spacing between each element can be tailored, allowing for optimal readability and a visually appealing layout that enhances the overall user experience.

<figure><img src="/files/MN8eoFrKKT3rYeSuj0WM" alt=""><figcaption></figcaption></figure>

### Mobile options and Section padding

**Items per row:** In mobile view, the number of items displayed on each row in the grid layout can be customized to suit your preferences and the overall design of your site.

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="/files/Xw6LGzMo3VGwgsgcTOpy" alt=""><figcaption></figcaption></figure>

## Blocks settings

For each image box item, select an image, and specify a heading and description, allowing you to tailor the content and narrative for every individual element within the collection.

<figure><img src="/files/2wsDs3zLQGLUIk6SDPSm" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/wyYsgnuExTfnoWll0Paz" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://nextsky.gitbook.io/glozin-theme/theme-sections/icon-box.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.