Style COMPARE Button in product archive

  • Hi,

    I need your help. I failed to identify the correct css class of the compare button in the product archive. I need to style the button like this:
    font-size: 10px;
    color: white;
    float: right;
    margin-top: 0px;
    Could you give me some directions?

    Many thanks
    Alex

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi Alex,
    and thank you for writing in!

    You can use the following CSS selector:
    .woocommerce ul.products li.product a.button.compare

    However, please note, if you set the color to white, the text will be not visible, since the background is also white.

    Please try to stylize the button by using the above-mentioned CSS selector and let us know if everything works fine!

    Have a nice day

    • This reply was modified 6 years, 3 months ago by YITHEMES.
Viewing 1 replies (of 1 total)
  • The topic ‘Style COMPARE Button in product archive’ is closed to new replies.