Remove underline announcement bar links

Solved

Remove underline announcement bar links

Alluren
Excursionist
46 0 9

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.

Accepted Solution (1)

dws_pvt_ltd
Shopify Partner
47 11 13

This is an 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

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

View solution in original post

Replies 5 (5)

dws_pvt_ltd
Shopify Partner
47 11 13

This is an 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

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.
Alluren
Excursionist
46 0 9

Thanks @dws_pvt_ltd . Appreciate the assistance.

dws_pvt_ltd
Shopify Partner
47 11 13

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

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

Moeed
Shopify Partner
4400 1134 1392

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:

Moeed_0-1718277617878.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Rahul_dhiman
Shopify Partner
248 45 46

Hello @Alluren 
Please check the screen shot below
ZX.png
let me know if this helped.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here