Goal: Make the text background black only on product pages and the “About” page, while keeping the landing page (especially the featured collection) without a text background.
Context: The author had already turned all text backgrounds black site‑wide but wants this limited to specific pages.
Proposed approach: A helper advised editing theme.liquid (Online Store > Edit Code > theme.liquid) and adding custom code above the tag. A result screenshot was shared, but the exact code content wasn’t provided in the thread.
Clarification from author: They need the inverse of the shared solution—apply black text backgrounds to all product pages and the About page only, not to the homepage/featured collection. A Shopify preview link and screenshots highlighting the desired look were included.
Notes:
theme.liquid is the main layout file; targeted styling would likely require template-specific selectors or page handles (e.g., product template classes, About page handle) to scope the CSS.
Images/screenshots are central to understanding the desired outcome.
Status: No page-targeted code solution has been provided yet; the request remains open and needs guidance on scoping CSS to product templates and the About page while excluding the homepage.
Summarized with AI on December 13.
AI used: gpt-5.
I’m trying to make the text background black on my product and “about” pages. Could someone help me please? I only figured out how to turn all text backgrounds black, but I rather prefer the landing page featured collection to have no text background.