Storefront Theme: Chage hover color on button

  • Resolved klipklopp

    (@klipklopp)


    1 month, 2 weeks ago

    Hi all,

    I am trying to figure out where/how to change the color of the buttons on my Storefront site when a user hovers over one of them.

    Help!

    Thanks!

    Ted

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • shahzeen(woo-hc)

    (@shahzeenfarooq)

    1 month, 2 weeks ago

    Hi there!

    I have checked the homepage and can see that you are using the Button block for these buttons. By default, the Button block does not have an option to change the background color on hover. However, you can use custom CSS for this purpose.

    Here is the CSS code you can use to change the background color:

    .page .wp-block-buttons a.wp-element-button:hover {
        background-color: #c881ca !important;
    }

    Note: You can replace the color code #c881ca with any other color code. However, please note that this change will apply to all buttons on your site.

    I hope this helps.

    Thread Starter klipklopp

    (@klipklopp)

    1 month, 2 weeks ago

    It works perfectly – thanks!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.