# 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 Cornerstone'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-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:blue;"><strong>Theme styles (presets)</strong></mark></td><td>Apply preset style settings to your store.</td><td><a href="/pages/DsVHyjgSh5ts0MRCsFyd">/pages/DsVHyjgSh5ts0MRCsFyd</a></td></tr><tr><td><mark style="color:blue;"><strong>Blog</strong></mark></td><td>Set up tag navigation for blog posts.</td><td><a href="/pages/NarcR1TZuGpCb5oK054F">/pages/NarcR1TZuGpCb5oK054F</a></td></tr><tr><td><mark style="color:blue;"><strong>Colors</strong></mark></td><td>Customize colors for text and elements across your site.</td><td><a href="/pages/7UqaWJHr530MKWscpEMp">/pages/7UqaWJHr530MKWscpEMp</a></td></tr><tr><td><mark style="color:blue;"><strong>Fonts</strong></mark></td><td>Customize fonts for headings and text.</td><td><a href="/pages/6Xx6uciyFzpkSx1XUM15">/pages/6Xx6uciyFzpkSx1XUM15</a></td></tr><tr><td><mark style="color:blue;"><strong>Animation</strong></mark></td><td>Enable animation effects for page transitions 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>.</td><td></td></tr><tr><td><mark style="color:blue;"><strong>Product badges</strong></mark></td><td>Display sale and custom labels on products.</td><td><a href="/pages/RCIKzuWhXQZ2v9iyFtdH">/pages/RCIKzuWhXQZ2v9iyFtdH</a></td></tr><tr><td><mark style="color:blue;"><strong>Product listing</strong></mark></td><td>Customize the appearance of products in collections and sections, and choose to enable features like <a href="/pages/tIHXGEEMqO50gVowAHx2#quick-view">Quick view</a> and <a href="/pages/tIHXGEEMqO50gVowAHx2">Quick add</a>.</td><td><a href="/pages/Owbg70ybaTA7CTr7kIeg">/pages/Owbg70ybaTA7CTr7kIeg</a></td></tr><tr><td><mark style="color:blue;"><strong>Cart</strong></mark></td><td>Customize cart features and appearance.</td><td><a href="/pages/lPc0IcE1mUs0i5jK1vbX">/pages/lPc0IcE1mUs0i5jK1vbX</a></td></tr><tr><td><mark style="color:blue;"><strong>Search</strong></mark></td><td>Customize search bar, search filters, and predictive results, and choose to show search term suggestions and quick links.</td><td><a href="/pages/l2Yx1EpvXFLfZHcRvr8J">/pages/l2Yx1EpvXFLfZHcRvr8J</a></td></tr><tr><td><mark style="color:blue;"><strong>Social media</strong></mark></td><td>Add your social account links to show icons in the <a href="/pages/mw0vLXPYVGESwI5Cd4lR#social-media-icons">Announcement bar</a>, <a href="/pages/6olCq6V7vQf0R2ahs53w#social-media-icons">Footer</a>, and <a href="/pages/beSCnyjQY6SJ8dOmikXp">Popups</a>.</td><td><a href="/pages/xElcjKfPT8UfOLXmcH2m">/pages/xElcjKfPT8UfOLXmcH2m</a></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>Display a floating <a href="/pages/7XLXNIlPBkGc6pJyxymQ">Back to top button</a> to allow visitors to quickly return to the top of page.</td><td></td></tr><tr><td><a href="https://help.shopify.com/en/manual/checkout-settings">Checkout (Shopify)</a></td><td>The Checkout is a Shopify feature. Themes do not control the Checkout page.</td><td></td></tr><tr><td><mark style="color:blue;"><strong>Custom CSS</strong></mark></td><td>Add sitewide custom styles with CSS code</td><td><a href="/pages/ebGGczXC85VnQxnca6OI">/pages/ebGGczXC85VnQxnca6OI</a></td></tr></tbody></table>

<br>

***

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


---

# 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://help.fluorescent.co/cornerstone/theme-styles/theme-settings.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.