Remove underline announcement bar links

[Alluren]

Hi all,

Could someone please assist me in removing the underlining from my announcement bar links (Sahara theme).

Website preview: https://q1oabhq17lm3sapn-80707387720.shopifypreview.com

I have tried the below but unfortunately neither worked.

.announcement-bar__text a {
text-decoration: none !important;
}

.announcement-link .announcement-link-text {
text-decoration: none important;
}

Thanks in advance.

[dws_pvt_ltd · Accepted solution]

Hello @Alluren 
1) Go to Online Store
2) Edit Code
3) Find your section announcement.liquid
4) Add the following CSS in the bottom of the file add css

OR 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below CSS at the bottom of the file -> Save

.section--announcement-bar .bar__text-content p>a {
  text-decoration: none;
}

Best Regards,
Dws_pvt_ltd

[Alluren]

Thanks @dws_pvt_ltd . Appreciate the assistance.

[dws_pvt_ltd]

Welcome. Let me know if I can help out further with this.

[Moeed]

Hey @Alluren 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.swiper-pointer-events a {
    text-decoration: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman]

Hello @Alluren 
Please check the screen shot below

let me know if this helped.
Thanks