Remove underline from links in header menu -Dawn theme

[Lextensions88]

 

How do I remove the underline from my policy links at the bottom of my page

[Ujjaval]

@Lextensions88  Share your store link

[Lextensions88]

https://lextensionsllc.myshopify.com/password 

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.header__menu-item:hover span {
text-decoration: none;;
}

[Lextensions88]

Thank you that was a code I actually tried before posting, no luck!

[f_malik]

Hi Lextensions88, You need to add a simple css for this

.YOUR-POLICY-CLASS-NAME a{
text-decoration: none !important;
}

You can share your page link, then I can share exact css for this that you can add.

[Lextensions88]

https://lextensionsllc.myshopify.com

[ZestardTech]

Hello there,

please share me store password.

[Lextensions88]

@ZestardTech 

[ZestardTech · Accepted solution]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset >base.css and paste this at the bottom of the file:

.rte a:hover{
	text-decoration: underline;
}
.rte a{
    text-decoration: none;
}

[Lextensions88]

@ZestardTech it worked thank you!!(:

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

[Lextensions88]

 

@ZestardTech I have one last thing if you don’t mind. How do I add the colorful country icons? Such as these..

[Username14]

how do i remove underline from links but in footer menu?

[DigiDecoded]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Username14]

https://eightballstyle.com/

passowrd: hello

[DigiDecoded]

are you talking about the this underline?

[Username14]

yes, in the "About us"

[Ujjaval]

@Lextensions88 
Add below css into theme.liquid file before closing </body> tag 

<style>
.rte a{
    text-decoration: none;
}
.rte a:hover{
	text-decoration: underline;
}
</style>

[Kani]

Hi @Lextensions88 

1: Online store > themes > Actions > Edit code > Assets > base.css

2: paste at last

.footer-block__details-content.rte a {
    text-decoration: unset!important;
}

[Lextensions88]

Didn’t work