# 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 Spark's available theme settings and setup guides. Each guide includes step-by-step instructions and further resources.

<table><thead><tr><th width="245">Settings</th><th>Description</th></tr></thead><tbody><tr><td><a href="/pages/B5JWBElhqH6KBvEJwXhD">Theme styles (presets)</a></td><td>Apply preset style settings to your store.</td></tr><tr><td><a href="/pages/7UqaWJHr530MKWscpEMp">Colors</a></td><td>Customize colors for text and elements across your site.</td></tr><tr><td><a href="/pages/6Xx6uciyFzpkSx1XUM15">Fonts</a></td><td>Customize fonts for headings and text.</td></tr><tr><td>Style</td><td>Enable <a href="/pages/x3Rlhb4LqJjyu0IhUpI3">animations</a> for pages and sections, a sticky header, and customize shape and text styles for sections.</td></tr><tr><td><a href="/pages/QSay0k2wa71ICm1Was4J">Buttons</a></td><td>Customize button style and shape.</td></tr><tr><td>Product</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></tr><tr><td><a href="/pages/Owbg70ybaTA7CTr7kIeg">Product listing</a></td><td>Choose to <a href="/pages/Owbg70ybaTA7CTr7kIeg#show-product-badges">show sale badges</a>, secondary images, and <a href="/pages/00mCbWVntWF5YcuLAnvZ">Hover add-to-cart</a>.</td></tr><tr><td><a href="/pages/lPc0IcE1mUs0i5jK1vbX">Cart</a></td><td>Customize cart features and appearance.</td></tr><tr><td>Currency format</td><td>Show currency codes next to all prices.</td></tr><tr><td><a href="/pages/l2Yx1EpvXFLfZHcRvr8J">Quick search</a></td><td>Customize search results.</td></tr><tr><td>Social media</td><td>Add your social account links to show icons in the <a href="/pages/wDs2c80NQpl45lK7AFYC#social-media-icons">Header</a> and <a href="/pages/6olCq6V7vQf0R2ahs53w#social-media-icons">Footer</a>.</td></tr><tr><td>Favicon</td><td>Upload a 32px by 32px icon image to show next to your site URL.</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></tr><tr><td><a href="/pages/ebGGczXC85VnQxnca6OI">Custom CSS</a></td><td>Add sitewide custom styles with CSS code</td></tr></tbody></table>

***

> **Related links**
>
> [Theme sections](/spark/pages/theme-sections.md)\
> [Theme templates](/spark/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/spark/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.