> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/ira/theme-styles/theme-settings.md).

# Theme settings

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://github.com/fluorescent/kb-ira/blob/main/theme-styles/readme/theme-retirement.md).
{% endhint %}

Use the **Theme settings** to make changes to your online store's general styles and feature options that apply to your entire site.

Click the ‘gear’ icon in the top-left of your theme editor to open the **Theme Settings**.

You can customize the **colors**, **fonts**, and **animations** to change the general appearance of your site. You can also customize options for site-wide elements like **products**, **search**, **social media links**, and the **cart**.

### Overview

In the table below, find all available theme settings and setup guides. Each guide includes step-by-step instructions and further resources.

| Settings                                                                   | Description                                                                                                                                                 |
| -------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Theme styles (presets)](/ira/theme-styles/style-presets.md)               | Apply preset style settings to your store.                                                                                                                  |
| [Colors](/ira/theme-styles/colors.md)                                      | Customize colors for text and elements across your site.                                                                                                    |
| [Fonts](/ira/theme-styles/fonts.md)                                        | Customize fonts for headings and text.                                                                                                                      |
| Layout                                                                     | Add a border between sections and adjust the border radius of section images and elements.                                                                  |
| [Animation](/ira/theme-styles/animation.md)                                | Enable animation effects for pages and sections.                                                                                                            |
| Product                                                                    | Enable [Variant swatches](/ira/product-pages/variant-swatches.md), and [Variant chips](/ira/product-pages/variant-chips.md).                                |
| [Product listing](/ira/products/product-listings.md)                       | Choose to show sale badges and secondary images.                                                                                                            |
| [Cart](/ira/cart/fly-out-cart.md)                                          | Customize cart features and appearance.                                                                                                                     |
| Currency format                                                            | Show currency codes next to all prices.                                                                                                                     |
| [Quick search](/ira/pages/header/quick-search.md)                          | Customize search results.                                                                                                                                   |
| Social media                                                               | Add your social account links to show icons in the [Header](/ira/pages/header.md#social-media-icons) and [Footer](/ira/pages/footer.md#social-media-icons). |
| Favicon                                                                    | Upload a 32px by 32px icon image to show next to your site URL.                                                                                             |
| [Checkout (Shopify)](https://help.shopify.com/en/manual/checkout-settings) | The Checkout is a Shopify feature. Themes do not control the Checkout page.                                                                                 |
| [Custom CSS](/ira/for-developers/custom-css.md)                            | Add sitewide custom styles with CSS code                                                                                                                    |
| <p><br></p>                                                                |                                                                                                                                                             |

***

> **Related links**
>
> [Theme sections](/ira/sections/theme-sections.md)\
> [Theme templates](/ira/pages/templates.md)