# Style presets

**Theme styles** apply pre-selected settings for colors, fonts, and minor design elements. The change can be quite subtle but will give you a basic starting point for customizing your store’s branding.

{% hint style="danger" %}
*Theme styles do not change the layout of page sections, the header, footer, or any individual section settings.* [*Learn more about demo layouts*](https://github.com/fluorescent/kb-lorenza/blob/main/theme-styles/README.md#demo-layouts-and-sections)*.*
{% endhint %}

{% hint style="success" %}
Theme styles change settings for:

* **Colors** of the background, text, links, borders, header, footer, and buttons.
* **Fonts** (including style and size) for logo, headings, body, and button text.
  {% endhint %}

### Select theme style

Lorenza has 3 theme styles named after the demo store with the same style settings. You can switch to another theme style, or change the theme settings to create your own style.

View our demo stores to preview the colors and fonts for each theme style:

* [Chic](https://lorenza-theme-chic.myshopify.com/)
* [Modern](https://lorenza-theme-modern.myshopify.com/)
* [Natural](https://lorenza-theme-natural.myshopify.com/)

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify Admin**:

1. (*Recommended*.) [Duplicate your theme](https://help.shopify.com/en/manual/online-store/themes/managing-themes/duplicating-themes) to save as a backup.
2. In the theme editor, click the **Theme settings** icon.
3. Click the **Theme style** tab.
4. Select a preset to preview the styles.
5. To apply the theme style, click **Change style**.

   > The theme style will overwrite your current settings. Make sure you've duplicated your theme to keep as a backup.
6. Click **Save**.

</details>

### Demo layouts and sections

All Shopify themes include a single layout of empty placeholder sections. Themes cannot include content or images from the demos.

The demos provide just a few examples of how to use the theme. When you download Lorenza, you have access to all the same features found in every demo. You can recreate any feature or page found in the demos. Or you can combine features and customize your store to have a substantially different layout and style, for any industry.

> If you’re looking for high-quality images, check out [Shopify's collection of royalty-free images](https://www.shopify.com/stock-photos/free-images).

***

> **Related links**
>
> [Theme settings](https://help.fluorescent.co/lorenza/theme-styles/theme-settings)\
> [Colors](https://help.fluorescent.co/lorenza/theme-styles/colors)\
> [Fonts](https://help.fluorescent.co/lorenza/theme-styles/fonts)\
> [Animation](https://help.fluorescent.co/lorenza/theme-styles/animation)


---

# 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/lorenza/theme-styles/style-presets.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.
