How can I change the background color on specific pages of my Craft theme?

Topic summary

Main issue: In the Shopify Craft theme, the author wants to change background colors on specific pages. The homepage looks correct (slight blue gradient on product cards, white background), but other pages (e.g., Products, Gift Boxes) keep an unwanted gradient behind the product grid section.

What’s been tried: Removing the gradient in theme settings fixes one page, but duplicating the theme with the same settings doesn’t remove that background elsewhere. Editing the Product Grid only changes the product tiles, not the section/container background. Removing the gradient in the original theme makes all sections white (including the Products title), which is not desired.

Goal: Set an off‑white background behind product listings while keeping the slight blue gradient on product boxes, using a specific color code. This issue occurs across multiple pages.

Latest update: A helper requested the site link; the author shared the link and access privately. No solution has been posted yet; investigation is ongoing.

Notes: Multiple screenshots are central to understanding the visual differences and styling behavior.

Summarized with AI on January 24. AI used: gpt-5.

I’ve searched other questions and have yet to find an answer - I’m working on a site (still in early draft) and getting the theme setup.

The homepage is good. The featured items have a gradient color and the background is white.

However using the same themes/combinations I can’t get the same style on the other pages (Products, Gift Boxes, etc). I tried removing the gradient from the theme and that fixes it on one page HOWEVER when I duplicate the theme (so as not to ruin the pages that are correct) and adjust that theme with the same settings, the background is still there. Editing the theme of the product grid only edits the squares with the items in them and not the background of that section behind the images.

I hope I’m explaining myself well! My ultimately goal is to change the background of the Product Grid sections, which currently do not change when I edit the applied theme (only the products themselves change.) Also I’d like to change the color to a color code, not simple “white” if that’s relevant.

Here is the product page with the scheme that includes the gradient.

Here is the same page but I’ve changed the product grid to an exact duplicate of the main theme but in which I’ve erased the gradient.

And here is the page with the original theme with the gradient removed (this is not a great solution because it changes ALL the sections to white (see the Products title) which I do not want to happen.

I can’t figure out why the exact duplicate theme doesn’t change the background but editing theme 1 in the same way does.

The end goal is for the off white background behind the listed items and for the product boxes to have the slight blue gradient they have in the first screencap. I’m having this issue on multiple pages.

Any help is appreciated!

Glad to help. Can you share the link to your website?

Hi! I just sent you the link and access in a message, hope that’s ok, thank you!