How can I remove underlining from a text link in the footer?

[YordanB]

Hello, can somebody help me with removing the underline from text with link. 

The text is in the footer. 

This is a preview to my website: https://m4xlz33czkt8hp1n-68850549019.shopifypreview.com

[Liquid_xPert_SJ]

Hi @YordanB 

Please add this code into your theme.css file at the end of the code and hit save

- Online Theme

- Edit Code

- Find the theme.css file from the theme files.

- Paste the code and hit save.

footer.site-footer .grid__item a {
border: none;
}

Thanks

[PageFly-Oliver · Accepted solution]

Hi @YordanB ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
footer *{
text-decoration:none !important
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Anshul_arora]

Hello @YordanB ,

I understand you are looking to remove underline from the text or page link listed in the footer.

You have to just remove one property from the css class you have already added in the footer file.

Steps -:

1. Go to Online Store -> Themes-> Edit code.

2. Now search for the Footer.css or .css file and open it.

3. Next, find the " .collapsible-content__inner p a " class and remove the below mentioned property

border-bottom: 2px solid;

=> https://prnt.sc/YZUKJwshvTMf

4. Save changes.

I hope this helps.

Please let me know if you have any query.

Thank you.