Not able to change product grid theme particularly

[Dip7874]

I have tried changing theme color and other codes as well but it is not helping at all. It is white background and black font. I want it in inverted, however i tried using some code which was used to invert the color but it changed the color of my products as well. can someone help me on this?

[zahid3d29]

Which theme are you using? Go to > theme settings from left panel and select product card color schema.

[BSS-Commerce]

Hi @Dip7874 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Dip7874]

it is unik.net.in

[BSS-Commerce]

Hi @Dip7874

You can follow these steps
1, select your live theme and select edit code

2. Search for theme.liquid file and add the following code

  <style>
      .quick-add__submit.button.button--full-width.button--secondary {
          background-color: black !important;
          border-color: white !important;
          border-width: 1px !important;
          color: white !important;
          border: solid !important;
      }
      .section-template--20891746664769__product-grid-padding {
          background-color: white !important;
      }
    </style>
    <script>
      setTimeout(() => {
        function setTextColorToWhite(element) {
            element.style.color = "white";
        
            var children = element.children;
            for (var i = 0; i < children.length; i++) {
                setTextColorToWhite(children[i]);
            }
        }
        
        var parent = document.querySelector(".section-template--20891746664769__product-grid-padding");
        setTextColorToWhite(parent);
      }, 500)
    </script>

Result:

Hope it helps @Dip7874 !

[Dip7874]

i don’t know why but it is not working still, i am really fed up with this now!

[Dip7874]

Anyways thank you for your assistance! Appreciate that