Remove underline on button hover

  • Resolved Mike Hindle

    (@mikehindle)


    8 months, 2 weeks ago

    Hi there. My site isn’t live so I don’t have a link to share, unfortunately, but can I remove the underline from the text within a button when you hover over it?

    I’d like it still to do this with links, just not on the buttons.

    Any help would be much appreciated and apologies in advance, I may have a few more requests over the next week…

    Mike.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Mike McAlister

    (@mmcalister)

    Hey Mike,

    Thanks for checking out Ollie! Unfortunately, core doesn’t have a setting/control for controlling the hover style yet, but it’s coming soon. Maybe even in the next release, I haven’t checked in a bit. We’ll support that as soon as it drops.

    However, you can always change this with a tiny bit of CSS.

    .wp-element-button:hover, .wp-block-button__link:hover { text-decration:none }

    You can either add that to an existing stylesheet, or add it via the Additional CSS panel in Global Styles. See the Additional CSS area of this article for more on that.

    Thread Starter Mike Hindle

    (@mikehindle)

    Thanks for this, Mike.

    Appreciate the update. I’ve added the CSS (via additional CSS in Global Styles), but it’s not making any difference as yet for some reason.

    I’m using WordPress 6.5 so unsure if that’s affecting anything?

    Theme Author Mike McAlister

    (@mmcalister)

    Oops, I had a little typo in there.

    .wp-element-button:hover, .wp-block-button__link:hover { text-decoration:none }

    Thread Starter Mike Hindle

    (@mikehindle)

    Perfect and worked a treat. Thanks so much, Mike.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove underline on button hover’ is closed to new replies.