> 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/stiletto/theme-styles/theme-settings.md).

# Theme settings

**Theme settings** are used for your store's general styles and site-wide options. Any changes will affect all sections and templates.

* Click the ‘gear’ icon in theme editor's side panel to open **theme settings**.
* Customize **colors** and **fonts** to change your site's general appearance.
* Customize site-wide options for **products**, **search**, **cart, social media** and more.

### Overview

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

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="/pages/B5JWBElhqH6KBvEJwXhD"><strong>Theme styles (presets)</strong></a></td><td>Apply preset style settings to your store.</td><td><a href="/pages/B5JWBElhqH6KBvEJwXhD">/pages/B5JWBElhqH6KBvEJwXhD</a></td></tr><tr><td><a href="/pages/NarcR1TZuGpCb5oK054F#set-up-tag-navigation"><strong>Blog</strong></a></td><td>Set up tag navigation for blog posts.</td><td><a href="/pages/NarcR1TZuGpCb5oK054F">/pages/NarcR1TZuGpCb5oK054F</a></td></tr><tr><td><a href="/pages/7UqaWJHr530MKWscpEMp"><strong>Colors</strong></a></td><td>Customize colors for text and elements across your site.</td><td><a href="/pages/7UqaWJHr530MKWscpEMp">/pages/7UqaWJHr530MKWscpEMp</a></td></tr><tr><td><a href="/pages/6Xx6uciyFzpkSx1XUM15"><strong>Fonts</strong></a></td><td>Customize fonts for headings and text.</td><td><a href="/pages/6Xx6uciyFzpkSx1XUM15">/pages/6Xx6uciyFzpkSx1XUM15</a></td></tr><tr><td><a href="/pages/x3Rlhb4LqJjyu0IhUpI3"><strong>Animation</strong></a></td><td>Enable animation effects for pages and sections.</td><td><a href="/pages/x3Rlhb4LqJjyu0IhUpI3">/pages/x3Rlhb4LqJjyu0IhUpI3</a></td></tr><tr><td><strong>Product</strong></td><td>Enable <a href="/pages/YQoCmrF1RFcsV6ZR6Zac">Dynamic option availability</a>, <a href="/pages/icEbZO563kl4UGPTX0fD">Variant swatches</a>, and <a href="/pages/q9k1M30HenITCM5k7E0u">Variant chips</a>. Change <a href="/pages/Owbg70ybaTA7CTr7kIeg#change-price-display-options">display options for product prices</a>.</td><td></td></tr><tr><td><a href="/pages/RCIKzuWhXQZ2v9iyFtdH"><strong>Product badges</strong></a></td><td>Display sale and custom labels on products.</td><td><a href="/pages/RCIKzuWhXQZ2v9iyFtdH">/pages/RCIKzuWhXQZ2v9iyFtdH</a></td></tr><tr><td><a href="/pages/Owbg70ybaTA7CTr7kIeg"><strong>Product listing</strong></a></td><td>Choose to show <a href="/pages/00mCbWVntWF5YcuLAnvZ">Quick add</a>, <a href="/pages/00mCbWVntWF5YcuLAnvZ">Quick view</a>, <a href="/pages/icEbZO563kl4UGPTX0fD">Variant swatches</a>, and <a href="/pages/q9k1M30HenITCM5k7E0u">Variant chips</a>. Change <a href="/pages/Owbg70ybaTA7CTr7kIeg#change-price-display-options">display options for product prices</a>.</td><td><a href="/pages/Owbg70ybaTA7CTr7kIeg">/pages/Owbg70ybaTA7CTr7kIeg</a></td></tr><tr><td><a href="/pages/lPc0IcE1mUs0i5jK1vbX"><strong>Cart</strong></a></td><td>Customize cart features and appearance.</td><td><a href="/pages/TbW2LEfEcdzG2CYHd6hO">/pages/TbW2LEfEcdzG2CYHd6hO</a></td></tr><tr><td><a href="/pages/l2Yx1EpvXFLfZHcRvr8J"><strong>Quick search</strong></a></td><td>Customize search results.</td><td><a href="/pages/l2Yx1EpvXFLfZHcRvr8J">/pages/l2Yx1EpvXFLfZHcRvr8J</a></td></tr><tr><td><strong>Social media</strong></td><td>Add your social account links to show icons in the <a href="/pages/wDs2c80NQpl45lK7AFYC#social-media-icons">Header</a>, <a href="/pages/6olCq6V7vQf0R2ahs53w#social-media-icons">Footer</a>, and <a href="/pages/beSCnyjQY6SJ8dOmikXp">Popups</a>.</td><td></td></tr><tr><td><strong>Favicon</strong></td><td>Upload a 32px by 32px icon image to show next to your site URL.</td><td></td></tr><tr><td><strong>Advanced</strong></td><td>Enable a <a href="/pages/tVtJAqBP3xoJymBEvwpG">Back to top button </a>for all site pages and select the position.</td><td></td></tr><tr><td><a href="/pages/ebGGczXC85VnQxnca6OI"><strong>Custom CSS</strong></a></td><td>Add sitewide custom styles with CSS code</td><td><a href="/pages/ebGGczXC85VnQxnca6OI">/pages/ebGGczXC85VnQxnca6OI</a></td></tr></tbody></table>

***

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