Body text link color different to all other links?

Store Design
1

Hi y’all!

I’ve been looking and looking, but haven’t found a working solution for my problem.

I am using the Minimal theme, and have black color set for my links and buttons as it suits the look of the site.

However, for our blog post and other pages, the links appear in black too, and so you cannot tell they are links.

I know I can change them through the text editor - but tbh it is a pain to go through every single link in the website.

I haven’t yet found a way to add some CSS to my theme that will change the link color in the body text, but will leave my header menu, footer links, buttons etc in black.

Any ideas? Help would be greatly appreciated!

1 Like
2

Hello There,

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

3

Hi Zestard,

Thanks for your time

The website is https://chuffedskates.com/

There’s no password as it is an active site…

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
body a:hover,
body a:hover p {
color: #d75f2b !important;
}
1 Like
5

Amazing! This does solve part of the problem (the hovering color) but it still doesnt change the color of the link itself while there is no hovering on it. I’m not sure if I’m explaining myself…

When I’m not hovering, it looks like this

Screen Shot 2022-02-01 at 6.14.53 pm.jpg
Screen Shot 2022-02-01 at 6.14.53 pm.jpg1336×682 114 KB

Although when I am hovering , it does look colored (like this)

Screen Shot 2022-02-01 at 6.15.03 pm.jpg
Screen Shot 2022-02-01 at 6.15.03 pm.jpg1272×664 110 KB

My intention is to have the link look a different color (a maroon color) while the mouse isn’t over the link, instead of black as the rest of the text, while still leaving the buttons and other links in the theme as they are.

Thanks a million!

1 Like
6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
body a {
color: #d75f2b;
}
1 Like
7

That was it!!! Thanks a lot, you are a genius

1 Like
8

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.