CSS issue with buttons

  • Resolved magicalwonders

    (@magicalwonders)


    7 years, 4 months ago

    I have a test site in progress, but am having problems changing the style of a couple of buttons.

    If you add the product on this page for example – https://internetsquad.co.uk/product/magic-fabric/ The “View Basket” and “Checkout” buttons appear in the sidebar. The colour of buttons on hover is a sort of grey colour, which looks terrible. I’d like to change this to match the “search” button on hover, which is #DC0E0E

    I don’t have firebug working anymore, so I’m finding it hard to see where this style is coming from?

    Also the “View Basket” at the top of the main content area is problematic. I want to change the text colour to white for both normal and hover, and have the size of the button, the same as it is currently showing when on hover. At the moment the text changes colour, along with the size of the button! Again, I’m finding it hard to see what style is controlling this?

    Hope someone can advise?

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Firebug was replaced by the FF developer tools, just press F12 and you have it. The same thing you can use in Chrome. 

    .woocommerce-mini-cart__buttons a.button.wc-forward:hover {
    color: #fff;
    background: #DC0E0E;
}

#ttr_content_margin .woocommerce-message a.button.wc-forward {
    color: #fff;
    padding: 6px 12px;
    font-size: 16px;
    font-family: Arial;
}
    Thread Starter magicalwonders

    (@magicalwonders)

    Hi Vankaa,

    Thanks for the info about developer tools! ??

    Also, the code snippet you’ve provided works great! I appreciate the help! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS issue with buttons’ is closed to new replies.