Remove underline on button hover

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.

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?

Oops, I had a little typo in there.

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

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

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer