Navigation
Archive / Change Read more button in Shop page
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 22, 2017 at 2:22 pm #1416658
    jamiebrown
    Participant

    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

    March 22, 2017 at 10:17 pm #1417146
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

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

    Thanks.

    March 23, 2017 at 6:49 pm #1418347
    jamiebrown
    Participant
    This reply has been marked as private.
    March 23, 2017 at 11:26 pm #1418606
    Prasant Rai
    Moderator

    Hello There,

    You can share the login details in a private reply.

    Thanks.

    March 24, 2017 at 6:31 am #1418856
    jamiebrown
    Participant
    This reply has been marked as private.
    March 24, 2017 at 9:10 am #1419014
    Paul R
    Moderator

    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.

    March 27, 2017 at 5:09 am #1421415
    jamiebrown
    Participant

    Thanks a lot, that works perfectly!

    March 27, 2017 at 5:24 am #1421428
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1416658 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>