Global Block in side-bar

[freshetsolutions]

Folks,

I’m using a global block to display a button in the sidebar in Ethos. The button always appears with its text underlined, even though I’ve put global CSS to remove underlining in the sidebar. How can I get rid of that underline? It doesn’t show up when I am editing the global block.

Jonathan

[ruenel]

Hello Jonathan,

Thanks for writing in! It seems that you are doing it in the right way. The only problem is with your css not being applied in your sidebar. Can you please provide us the custom css in your next reply?

To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

[freshetsolutions]

This is the CSS I’m using globally.

.x-sidebar .widget ul li a {
text-decoration: none;
}

Login credentials in the next message.

[friech]

Hi Myst,

Your custom CSS above is not going to work alone because the anchor on the button element is not inside ul li tag, so you need to update that to:

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

You can find the proper CSS code selector using the Chrome browser Developer Toolbar

Cheers!