Appearance

Custom CSS ​

This guide describes the Theme settings > Custom CSS menu options.

Use the settings to specify custom styles that apply to your entire online store, except the Checkout page. Refer to Shopify help: Add custom CSS.

An example store's homepage with the Theme settings's Custom CSS menu in Theme editor.

In the previous image, on the left, in Theme settings > Custom CSS, the text box contains a custom CSS style definition. The CSS style sets a Pink color for HTML elements with the class font-heading. The right side of previous image shows a store's Homepage. The custom CSS is applied to the pink colored Shop by style heading text.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.

Set up custom CSS ​

To set up custom CSS:

  1. Go to Theme settings > Custom CSS.

    The Theme setting's Custom css menu.

  2. Select a setting described in the following table.

Setting nameDescription
Custom CSSIn the textbox, enter custom CSS styles that apply to your entire online store, except the Checkout page. Refer to Shopify help: Add custom CSS.