Button text underline?

[waynepatt58]

All the buttons on my website have an underline underneath the text. Is there a way I can get rid of the underline?

[ruenel]

Hello @waynepatt58,

Thanks for writing in! We have logged in and we cannot locate the page.
Can you please provide which page we can see those buttons?

Regards.

[waynepatt58]

Here is a link to page
https://woocommerce-262453-958953.cloudwaysapps.com/x/#/content/18500

the page name is -minnesota
However, this occurs on every page and post on the website so I think it is some code that has been entered few years ago that you guys gave me, not sure which one though.

The 2 items in the picture are global blocks, but if you just setup a button on any new page you will still get the line under the text.

[ruenel]

Hello @waynepatt58,

You are using Ethos stack. It appears that all links inside a widget area has a default underline styling in this stack. To get rid of the underline, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-main .widget a, .x-sidebar .widget a {
    text-decoration: none;
}

Hope this helps.

[waynepatt58]

Thanks that works, is it possible to have it affect all buttons globally not just those in widgets?

[ruenel]

Hello @waynepatt58,

The code I gave will only affect the links in the sidebar or inside a widget area. If you wish to apply it globally, you can have something like this:

body a,
.x-main .widget a, .x-sidebar .widget a {
    text-decoration: none !important;
}

Hope this helps.