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:
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.
Hi,
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.
Here is my site:
https://4gbpvw1hd852tprk-90092863833.shopifypreview.com
Thank you in advance!
Hey @Mercy_Paris
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
