# Feature list

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F6p9vwp3Su79p6Cmp69jz%2FFrame%205704.png?alt=media&#x26;token=a58cb2cf-f671-4380-8257-e0ff9466e420" alt=""><figcaption></figcaption></figure>

The Features list section is a common component in websites that showcases the main features or functionalities of a product or service.&#x20;

It is typically presented in a visually appealing way with icons or images accompanying each feature.

## How to add a Feature list section

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section**
2. Locate **Feature list**
3. **Save**
   {% endhint %}

## How to customize a Feature list section

### Section settings

#### Section header

Use the provided text fields to add a suitable **Heading** and **Subheading**.

* Leave them blank if you do not want to display them

You can also change the **Heading size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl
* Display md
* Display lg
* Display xl

&#x20;to make the content look balanced on your website.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F7gfwTAeaQMP1quxI9Mxq%2Fimage.png?alt=media&#x26;token=9bfcea22-916e-4c1e-8b44-ee9ca2262903" alt=""><figcaption></figcaption></figure>

#### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#highlight-text)

Use the provided text fields to add a suitable **Text**.

* Leave it blank if you do not want to display it

You can also change the **Description size** to Small/ Base size/ Large to make the content look balanced on your website.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FsK8GxjMffjwh7QFdqlKH%2Fimage.png?alt=media&#x26;token=dcd19151-e918-40fc-9233-94c435831659" alt=""><figcaption></figcaption></figure>

#### Item settings

You can control the alignment of feature items in the section by changing the **Text alignment** property to Left/ Center/ Right.

Adjust the **Icon size** (Extra small/ Small/ Extra medium/ Medium/ Large) to make it look well-proportioned with the description.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FbTycxE6BcobjXIVbt08l%2Fimage.png?alt=media&#x26;token=2d445c8a-e9ba-44f7-8588-e2f2f7acf635" alt=""><figcaption></figcaption></figure>

#### Mobile Layout

If you are not into the grid layout, you can use the carousel layout by selecting the **Enable swipe on mobile**.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FzCB6EsGnAqsNZP0X4X4d%2Fimage.png?alt=media&#x26;token=3a17595c-521d-4678-8a5d-519a8af3caf3" alt=""><figcaption></figcaption></figure>

### Block settings

There are many minimalist icons available for you to choose and showcase on the Feature item block.

Moreover, you can insert suitable and attractive descriptions in the **Description** field to draw customers' attention.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FY5idIDqNF4NoVxj0HNag%2Fimage.png?alt=media&#x26;token=2f28d38a-558d-4d19-9814-521f36bf8713" alt=""><figcaption></figcaption></figure>
