Change categories link color style

[segjar]

Hi
where I can change link color for this class?

pagespeed.web.dev gives warning because have low contrast

<div class="wd-product-cats woodmart-product-cats">
<a href="https://domain.com/product-category/supermercado/product/" rel="tag">Name of product</a></div>

css view in google browser

.product-grid-item .wd-product-cats, .product-grid-item .wd-product-brands-links {
  font-size: 95%;
  --wd-link-color: var(--color-gray-400);
  --wd-link-color-hover: var(--color-gray-700);
}

I want change for something like

.product-grid-item .wd-product-cats, .product-grid-item .wd-product-brands-links {
  font-size: 95%;
  --wd-link-color: black;
  --wd-link-color-hover: var(--color-gray-700);
}

I have try put this code in global custom css but is not working

• This topic was modified 2 years ago by segjar.

Hello,

Could you please share that specific Page URL and share a Screenshot as well on which you want to change the Categories Link color? So that we once check ourselves and provide you the required CSS (if applicable).

Best Regards

[segjar]

Hi
Thank you for your help

test site:
https://s001.lojadeportugal.pt/

https://prnt.sc/WDB_DLQKYxn1

• This reply was modified 2 years ago by segjar.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.product-grid-item .wd-product-cats a, .product-grid-item .wd-product-brands-links a { color: red !important; }

In this CSS, you can change the color to your choice. Red is added as an example.

Hope this works out for you !

Best Regards

[segjar]

Hi thank it works.
I have add other line for hover effect

.product-grid-item .wd-product-cats a, .product-grid-item .wd-product-brands-links a { color: red !important; }
.product-grid-item .wd-product-cats a:hover, .product-grid-item .wd-product-brands-links a:hover { color: black !important; }

• This reply was modified 2 years ago by segjar.
• This reply was modified 2 years ago by segjar.

Hello,

You are Most Welcome.

We are glad that you managed to solve the problem yourself. You are Great!!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts