Change Product Name color on collection page without changing color on product page (Avone Theme)

Store Design
1

Good Day!

Disclaimer: this website contains adult products.

I am trying to change the color of the text on the collection page. Currently, the font color is white over a lightened hover effect. This makes it very hard to see the text. See example: (https://alittlekinky.co/collections/vibrators). I would like to either:

  1. change the text to black to make it more visible over the hover effect, or

  2. darken/ dim the hover effect to make the words more visible as white.

Currently, when I try to change the color for the product title and price, it changes it on the actual product page as well. I want the font on the product page to remain white.

Is there a way to alter/ override the current text colors and complete this?

Thanks in Advance!

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
body.template-collection .grid-view-item.style2 .overly {
background-color: #a8a6a6c9;
}
3

@Snohx ,

Please add this CSS to your theme

.grid-view-item .grid-view-item__title, .product-price__price{
    color: #000;
}
span#ProductPrice-product-template {
    color: #fff !important;
}

Thanks!

4

Thank you so much! This was very helpful!