A user seeks help removing underlines from announcement bar links in their Shopify store using the Sahara theme. They’ve already attempted CSS solutions without success.
Solutions Provided:
Multiple community members offered CSS-based approaches:
Method 1: Add CSS to the announcement.liquid section file targeting .announcement-bar__text p>a with text-decoration: none;
Method 2: Insert CSS in theme files (theme.css, styles.css, custom.css, or theme.scss.liquid) targeting .section--announcement-bar .announcement-bar__text-content p>a
Method 3: Add CSS code in theme.liquid file above the </body> tag
Current Status:
The original poster thanked one responder and appreciated the assistance, though it’s unclear which solution was ultimately implemented or if the issue is fully resolved. Contributors offered follow-up support if needed and provided screenshots for guidance.
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.
Hello @Alluren
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
Hey @Alluren
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thanks @dws_pvt_ltd . Appreciate the assistance.
Welcome. Let me know if I can help out further with this.
