I tried to move my overlay text to the bottom. I read a few suggestion that advised to copy paste a code to theme.sccs.liquid which was not available in my debut theme. So I created theme.sccs.liquid and it is totally blank. So what should I put here? Thank you
Topic summary
Main issue: Several users can’t find theme.scss.liquid in the Debut theme while trying to add custom fonts or adjust CSS (e.g., header/button text and product title alignment).
Key update: Shopify deprecated Sass in themes, so Debut no longer includes theme.scss.liquid. Styles now live in assets/theme.css, and some Liquid previously in that file is handled in layout/theme.liquid. A Shopify blog link confirming the deprecation was shared.
Suggested solutions:
- Use assets/theme.css instead of theme.scss.liquid for CSS changes and @font-face rules.
- Alternatively, upload font files via Admin > Content > Files, copy the file URL, and add a block with @font-face and font-family usage at the bottom of layout/theme.liquid.
- Identify correct CSS selectors in theme.css for headers, buttons, and body text; no definitive selector list was provided.
Notes: A video and screenshots were shared to show the absence of theme.scss.liquid. Some advice conflicted (e.g., referencing styles.scss.liquid), adding to confusion.
Status: Partial successes reported; others still cannot target specific elements (headers/buttons, product titles, body text). No single, final resolution; consensus is to use theme.css/theme.liquid under the new CSS-only setup.