Archived topic

Change Woo commerce product link button

5 replies · Started by Chidinma on August 31, 2020

Viewing posts 1–6 of 6

August 31, 2020 at 6:46 am #1425016

Hi, I have a woocommerce website that has a blog section. I noticed that the product link colour is the same with blog link colour. Please, I would like my woocommerce product link colour to be black and my blog section link colour to remain blue. Please, how can I achieve this?

Another thing I would like you to help me with the the text colour of one of the pages of the primary navigation menu. Please, I want the 'Sales' text colour on primary navigation menu to be red.

Thanks

August 31, 2020 at 8:48 am #1425314

Hi there,

1. Are you referring to these buttons here?
https://www.screencast.com/t/mmm3MkJZrGUZ

2. I'm not seeing a primary navigation in the linked page but you should be able to use this method:
https://docs.generatepress.com/article/adding-buttons-navigation/

August 31, 2020 at 9:00 am #1425338

Thanks for your reply Leo
1. No not the button colour. The colour I meant is the blue product title colour just above the button your arrow is pointing.

August 31, 2020 at 9:03 am #1425343

You can use this CSS to change the color:

.wc-block-grid__product-title {
    color: #000000;
}

August 31, 2020 at 9:13 am #1425357

Thanks, Leo, the CSS worked!
The second problem is still not solved. I want the text colour for 'Sales' on the menu to change to red.

August 31, 2020 at 10:02 am #1425422

I'm not seeing a Sales menu item:
https://www.screencast.com/t/GO0caJGNdFQb

Can you also open a new topic as the original question is already resolved?

Thanks :)

This archived topic is closed to new replies.

Start building better websites today.