Remove underline from button block

Hi,

By default a Wordpress button block with a link should not show an underline.
But in the Travelify theme it does, which does not fit a button.

I have tried to use the following Custom CSS, but no no avail:
.wp-block-button__link {
font-size: medium;
text-decoration: none;
border: none;
}

Travelify still shows the button with an underline.

Is there any way to remove that underline on a button?
Site is: http://ekw.kwu.mybluehost.me/ (Buttons on home page should not show an underline.

Many thanks

hey there

hm, sorry, but where is the button with the underlined text on your site? can you please give me a good reference?

Hello,

Yes, I have managed to resolve the issue with the following additional css:
.entry-content a:not(.wp-block-button__link) {
text-decoration: underline;
}

.entry-content .wp-block-button__link {
font-size: medium;
text-decoration: none;
border: none;
}
If you have an easier solution I will appreciate.

In addition, is there a way to change the hover color of the links in the feature slider, or disable the links on the feature slider altogether?

Many thanks for your support

Hey there

Both possible, this is the code to disable link:

.featured-text .featured-title a {
pointer-events: none;
}

and this code to change the color:

.featured-text .featured-title a {
color:red !important
}

Thanks :slight_smile:

Awesome. That worked 100%.
Thank you very much!

Thank you too :slight_smile:

Have a nice day