Hello all, is there a list or document about all the css-classes (utility-classes) used in Dawn? That would be helpful to code new sections. Thank you.

Yes, I know that I can see the css classes e.g. in the base.css. But what I want to know, is the base settings for the theme. Like page-width (is 1200px by default), what grid framework is used or how the default grid setup works for desktop, tablet, mobile. (e.g. grid–4-col-desktop seems to be a …

I concur with your request. Overall, shopify documentation is pretty good. But I havn’t found anything for this aspect. It might be asking a lot, but since Dawn is the basis for other templates, some info on using the css grid classes would help in making layout safe additions to the theme (Perha…

Did you ever find anything like this?

never find it yet… Shopify really needs to fix this since Dawn is a basic and a must known. Please Shopify, give us sources or documentations about this.

What are the CSS classes used in Dawn theme?

Store Design

himanshuhkm September 6, 2021, 10:11am 2

Hi @SMEG ,

You may see the css class in the theme.css or theme.scss or stylesheet.css in your theme editor

thank you

Topic		Replies	Views
Can I use Dawn theme's built-in CSS grid for product descriptions? Store Design css	5	73	December 7, 2023
Dawn Theme Documentation (breakpoints, column / row / container classes, utility classes etc...) Store Design	1	123	June 10, 2022
Documentation for Dawn Grid System Store Design	1	78	February 11, 2022
Understanding Dawn's grid system: Is there an official documentation? Store Design	2	29	February 11, 2022
How to adjust column widths in the Dawn theme? Store Design design , customizations , css , shopify-themes	4	97	February 19, 2023

What are the CSS classes used in Dawn theme?

Related topics