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.

Theme styles do not change the layout of page sections, the header, footer, or any individual section settings. You can download other presets to access demo layouts: Cornerstone, Barista, Glow, Origami, and Botanical.

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.

  • Product listing styles, including for swatches and badge shapes, quick add icon, image aspect ratio, and sale and discount formats.

Select theme style

Cornerstone has 5 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.

STEPS

In your Shopify Admin:

  1. (Recommended.) Duplicate your theme ↗ 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.

The demos provide just a few examples of how to use the theme. When you download Cornerstone, you have access to all the same sections 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.

Related links

Demo layouts Theme settings Colors Fonts Animation

Last updated

Was this helpful?