# 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=""></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/templates/blogs-page">blogs-page</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="colors">colors</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="fonts">fonts</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="animation">animation</a></td></tr><tr><td><strong>Product</strong></td><td>Enable <a href="../product-pages/variant-options/variant-swatches/dynamic-option-availability">Dynamic option availability</a>, <a href="../product-pages/variant-options/variant-swatches">Variant swatches</a>, and <a href="../product-pages/variant-options/variant-chips">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="../products/product-badges">product-badges</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="../../products/quick-shop#quick-view">Quick view</a> and <a href="../products/quick-shop">Quick add</a>.</td><td><a href="../products/product-listings">product-listings</a></td></tr><tr><td><mark style="color:blue;"><strong>Cart</strong></mark></td><td>Customize cart features and appearance.</td><td><a href="../cart/quick-cart">quick-cart</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="../header/search-bar">search-bar</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="../../header/announcement-bar#social-media-icons">Announcement bar</a>, <a href="../../footer/footer#social-media-icons">Footer</a>, and <a href="../pages/popups">Popups</a>.</td><td><a href="theme-settings/social-media-icons">social-media-icons</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="theme-settings/back-to-top-button">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="../for-developers/custom-css">custom-css</a></td></tr></tbody></table>

<br>

***

> **Related**
>
> [Theme sections](https://help.fluorescent.co/cornerstone/pages/theme-sections)\
> [Theme templates](https://help.fluorescent.co/cornerstone/pages/templates)