Links on my page are not showing

[JoeyRoo]

I have some hyperlinks on this page. If you hover over them you are still able to click on them, but for some reason they are invisible. There is one directly under the first subheading and another link in the International Customers paragraph where the gap is. I just want them to be black and underlined

https://theothelabel.com/pages/returns-exchanges

[rajweb · Accepted solution]

Hey @JoeyRoo ,

It seems that the hyperlinks on your page may be styled in a way that makes them invisible or hard to see. You can change their appearance by adding some custom CSS to ensure they are black and underlined.

Here’s a simple CSS snippet to make the links black and underlined:

a {
  color: black !important; /* Ensure the text is black */
  text-decoration: underline !important; /* Underline the links */
}

a:hover {
  color: black !important; /* Keep the text black on hover */
  text-decoration: underline !important; /* Keep underline on hover */
}

You can add this CSS to your store by following these steps:

-Login to Shopify Admin.

-Go to Online Store > Themes.

-Click on Actions > Edit code.

-Under the Assets folder, open the theme.scss.liquid or theme.css.liquid file (depending on your theme).

-Paste the CSS code at the end of the file.

-Click Save.

This should make all hyperlinks on your page black and underlined, and ensure they are visible and interactive. Let me know if this works or if you'd like further adjustments!

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma

[JoeyRoo]

Perfect. Thanks

[rajweb]

Dear @JoeyRoo ,

Thank you for your reply! I'm glad to hear that the solution worked well for you. If you need any further assistance, please don't hesitate to reach out via email—I’d be happy to help. If you found this information useful, a Like would be greatly appreciated!

[GTLOfficial]

Hello @JoeyRoo 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->app.css
add this code at the end of the file and save.

#shopify-section-template--23400538702112__16618629918566dc27 a {
color: blue !important;
text-decoration: underline !important;
}
#shopify-section-template--23400538702112__16618629918566dc27 a:hover {
color: red !important;
text-decoration: underline !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Tang65]

Thank you for giving information...

[Tang65]

Thank you for sharing this....

Summit County Ohio Auditor