How To Remove Footer Underline Links When Clicking | Dawn Theme

[dreamtechzone_5]

Hello Everyone!

I am using Shopify Dawn theme. I am struggling to remove these underlines in the footer. Also, the color will change after clicking on the menu. Please help me. Thank you.

https://blue-chic-clothes.myshopify.com/

Password: Admin

[shreyhweb · Accepted solution]

@dreamtechzone_5 

Hello,

You please add the below code above </body> in theme.liquid

online store >> edit code >> theme.liquid

<style>
.footer-block__details-content .list-menu__item--link{
   text-decoration: none!important;
}
</style>

If our solution helpful for you then please like the post and tap on accepted.

Thankyou 🙂

[dreamtechzone_5]

It worked. Thank you. One more thing After clicking the menu it should turn black.

[Drew_K]

Hello! You mean, it needs to turn black when it's being clicked? Or it should turn black indicating the current corresponding page?

[dreamtechzone_5]

it needs to turn black when it's being clicked?

yes

[shreyhweb]

Sure, but please let us know, clicking on text or hovering?

[dreamtechzone_5]

When I click on contact us it will be black.

[shreyhweb]

ok we will give you the code for fix it

[shreyhweb]

Please replace the whole code which is given by us with the below code.

<style>
.footer-block__details-content .list-menu__item--link{
   text-decoration: none!important;
   color: #fff!important;
}
.footer-block__details-content .list-menu__item--link:focus {
    color: #fff!important;
}
</style>

[Made4uo-Ribe]

Hi @dreamtechzone_5 

Try this one.

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "section-footer.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.footer-block__details-content .list-menu__item--link:hover {
    color: white !important;
    text-decoration: none;
    text-underline-offset: 0rem;
  }

• And Save. 
• Result:
• 

[dreamtechzone_5]

I have pasted the code. But it's not working.

Result