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 home page with the Theme setting's Custom CSS menu open in Theme editor.

In the previous image, in the upper 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 custom CSS is applied to the heading text on the store's home page.

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. In Theme editor, go to Theme settings > Custom CSS.

    Theme editor's custom-css Theme settings menu.

  2. Select a setting described in the following table.

Setting nameDescription
Learn more (link)Follow the Learn more link to open the page Shopify help: Adding custom CSS to your theme. Use the page to learn about using custom CSS for your store.
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.