# Featured icons

Using the featured icons section can significantly enhance your websites user experience and overall effectiveness. Featured icons are small, visually engaging graphics that represent specific actions, features, or information. Here are some reasons why incorporating featured icons on your website will be beneficial:

1. **Enhanced User Experience:** Well-designed icons can improve the user experience by making your website more intuitive and user-friendly. 
2. **Attention Grabbers:** Featured icons can act as visual cues, drawing attention to specific sections, calls-to-action, or important information. They create focal points that guide users to essential elements on the page.
3. **Space Optimization:** Icons help optimize space on a website, especially in areas with limited real estate, such as navigation menus or mobile interfaces. By using icons, you can convey information effectively while saving valuable screen space.
4. **Branding and Consistency:** Custom-designed icons can be tailored to match your website's overall branding and design aesthetics. Consistent use of icons throughout the site reinforces brand identity and gives a polished, professional appearance.
5. **Aesthetic Appeal:** Icons can contribute to the overall aesthetics and design coherence of your website. They add an element of style and creativity to the visual composition, making the site more attractive to users.

Remember that while featured icons offer numerous benefits, their design and implementation should be well-considered. Choose icons that align with your website's purpose, ensure they are intuitive, and avoid cluttering the interface with an excessive number of icons. When used thoughtfully, featured icons can enhance the overall usability and appeal of your website.

### Getting Started

* Go to `Online store` → `Theme` → `Customise`
* By default, you will not see this section pre-loaded
* Scroll to the bottom of the panel and `Add section`

### How do i customise the Featured icons?

#### Section settings

By clicking on the name of the section `Featured icons` you get access to change the following;

* Section layout - by default, the section layout is set to a row of 4. This option sets the width of columns for this section and can be adjusted between a row of 2, 3 or 4. 

#### Block settings

Now we will work on setting up icons, which are blocks within the section. Here are the changes that we can make.

* Upload an image - this is optional, but to maximize the use of this section we recomend adding a png image that has a max width and height of 100px
* Change the `Heading` and `Caption` text


---

# 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://koding-themes.gitbook.io/theme-support/elysian/sections/featured-icons.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.