Style presets

Theme settings

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. Learn more about demo layouts.

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, badges, image aspect ratio, and sale and discount formats.
Quick search result styles either as column, list, or thumbnails.

Select theme style

Stiletto has 4 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: Vogue | Chic | Organic | Craft

STEPS

In your Shopify Admin:

(Recommended.) Duplicate your theme ↗ to save as a backup.
In the theme editor, click the Theme settings icon.
Click the Theme style tab.
Select a preset to preview the styles.
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.
Click Save.

Demo layouts and sections

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

To get around this Shopify limitation, you can add the home page template code from demos.

The demos provide just a few examples of how to use the theme. When you download Stiletto, 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
Theme settings Demo layouts Colors Fonts Animation

Last updated 2 months ago

Was this helpful?

Style presets

Theme settings

Theme styles do not change the layout of page sections, the header, footer, or any individual section settings. Learn more about demo layouts.

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, badges, image aspect ratio, and sale and discount formats.
Quick search result styles either as column, list, or thumbnails.

Select theme style

Stiletto has 4 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: Vogue | Chic | Organic | Craft

STEPS

In your Shopify Admin:

(Recommended.) Duplicate your theme ↗ to save as a backup.
In the theme editor, click the Theme settings icon.
Click the Theme style tab.
Select a preset to preview the styles.
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.
Click Save.

Demo layouts and sections

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

To get around this Shopify limitation, you can add the home page template code from demos.

Demo layouts

Related links
Theme settings Demo layouts Colors Fonts Animation

Last updated 2 months ago

Was this helpful?