Why won't my product grid color scheme change in the Dawn Theme?

Store Design
1

Hello,

I am having trouble getting my Product Grids with white background and black text. It won’t seem to work when I change it in the theme settings as well. I would like the colors to look like my Featured Collection on my Home Page. Below are screen shots to what it looks like currently. Does anyone have any recommendations on how to fix this? I am also using the Dawn Theme.

Featured Collection Photo:

Screen Shot 2022-07-16 at 2.07.11 PM.png
Screen Shot 2022-07-16 at 2.07.11 PM.png2255×1169 215 KB

Product Grid Photo:

Screen Shot 2022-07-16 at 2.07.40 PM.png
Screen Shot 2022-07-16 at 2.07.40 PM.png2250×1209 232 KB

Thank you!

2

Hey @khoro91

https://prnt.sc/mz5OmvVuj17a Please select Background 1 https://prnt.sc/mz5OmvVuj17a from dropdown of color scheme

if still doesn’t work write us at reena@downtowncommere.com

3

Hi @khoro91 ,

In my theme settings, it does not work either but you can try adding the code below.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.

NOTE: The code will inverse the color of the ProductGrid

#ProductGridContainer {
    filter: invert(1);
    background: #fff;
}

#ProductGridContainer .card__inner.color-inverse.gradient.ratio {
    filter: invert(1);
}
4

Thank you!

5

Thank you for your response!

1 Like
6

where to add this code? The base.css file has a lot of data already

1 Like
7

Hi @_abdurrehman

Please create a question regarding your query. Since not all Shopify user share the same theme. Solution might not apply to you

1 Like