Change Woo commerce product link button

[Chidinma]

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

[Leo]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chidinma]

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.

[Leo]

You can use this CSS to change the color:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chidinma]

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.

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts