[jamiebrownParticipant]

Hello there, I’d like to change the ‘Read more’ button that shows up in each product preview in my woocommerce page while hovering on products, and fill it with a colour. Any idea how i could do it? the idea is to fill it in black and get the text in it to be white

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[jamiebrownParticipant]

This reply has been marked as private.

[Prasant RaiModerator]

Hello There,

You can share the login details in a private reply.

Thanks.

[jamiebrownParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.woocommerce li.product:hover .entry-header .button {
    background-color: red;
    color: #fff;
    border-color: blue;
}

You may change the color as you like.

Hope that helps.

[jamiebrownParticipant]

Thanks a lot, that works perfectly!

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts