Change hover properties of two buttons

  • Resolved Royah Marie

    (@hautecreations)


    2 years, 6 months ago

    Hello,

    I would like the “Proceed to checkout” button on my cart page and the “Place order” button on my checkout page to both have the following hover properties:

    background: #383;
    color: black;
    font-weight: 600;
    font-size: large;

    My problem is I can’t find the button names to assign them these properties. Can you please provide the CSS for these two buttons assigning the properties mentioned above?

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

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

  • Hi @hautecreations

    I have tried to change the hover effect for Proceed to Checkout and Place Order buttons using Custom CSS, and here is the output: https://d.pr/i/V6eUzw and https://d.pr/i/Vh53VS

    You can try the below CSS code:

    /* change hover effect | 5574747-zen | NS */

a:hover.checkout-button.button.alt.wc-forward {
    color: #000;
    background: #383;
    font-weight: 600;
    font-size: large;
}

button:hover#place_order {
    color: #000;
    background: #383;
    font-weight: 600;
    font-size: large;
}

    To implement the above Custom CSS, kindly navigate to WP Admin > Appearance > Customize > Additional CSS > and add the Custom CSS there.

    Let us know if this works for you.

    Thread Starter Royah Marie

    (@hautecreations)

    Thank you, that worked perfectly!

    • This reply was modified 2 years, 6 months ago by Royah Marie.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change hover properties of two buttons’ is closed to new replies.