How do I find out wehre a class is defined?

Store Design

Topic summary

A user working with Shopify’s Dawn theme is trying to locate where the CSS class copyright__content is defined. The class appears in footer.liquid but its styling rules aren’t found in the expected base.css file.

Key developments:

  • Initial searches in base.css, theme.css, and styles.css yielded no results
  • Another user offered collaborative access to investigate directly
  • Resolution: The class was found defined in section-footer.css

Technical insight provided:

  • Modern Shopify themes don’t use a single stylesheet
  • CSS rules are distributed across multiple smaller .css files that load as needed
  • Browser “Inspect element” tools can quickly identify where specific CSS rules are defined (screenshot provided)

The issue was resolved through direct collaboration, revealing that Dawn theme organizes styles by section rather than in one central file.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
7

This is for example the definition of the CSS class “text-body” and comes from the base.css-file:

.text-body {
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(–font-body-scale));
font-family: var(–font-body-family);
font-style: var(–font-body-style);
font-weight: var(–font-body-weight);
}

I’m looking for the place where the class copyright__content is defined.