Hello! Need help changing hyperlink text colour please!

Highlighted
New Member
6 0 2

Hello everyone. 

 

I am very new to Shopify and have launched my site but I would like to know how I would please change the hyperlink text colour.   I have linked to another product in the description of one of my other products and I want to make the link obvious!  

 

Is anybody able to help please?  Please note I would need this explained to me as if you were talking to a two year old!!

Thankyou ever so much!

MelSF

0 Likes
Highlighted
Shopify Partner
3171 698 846

@MelSF 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
New Member
6 0 2
1 Like
Highlighted
Shopify Partner
3171 698 846

@MelSF 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

.site-nav__link, .site-footer__links a, .header-bar a{
color: #1414d8 !important;
}

 

I have put a blue color for now but you can change color as per your suite.

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
6 0 2

Thank you but I have absolutely no idea where to access that - please could you tell me? so grateful. 

 

0 Likes
Highlighted
Shopify Partner
3171 698 846

@MelSF 

Login to your admin

Goto Online store -> Themes -> From Action dropdwon - > Click on Edit code -> Goto Assets folder 

Please check the screen below you will get it.

assets-css.jpg

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
6 0 2

Thanks so much - I will try that. 

0 Likes
Highlighted
New Member
6 0 2

I tried this but unfortunately in changed the colour of ALL links including the navigational menu.  That isn't what I want it to do. 

What I would ideally like is this: If I put a link to, say, another website, or a link to a product (say in a description of a product to anotherr product) I only want those links to be a different colour. 

 

See screenshot here - where I have circled in grey - that is the link - it is that link I'd like in a different colour to make it clear it is to be clicked - but i don't want my navigational menu items colours changed as well.... am I making any sense?!

 

Thanks so much for help, I really appreciate it. Screen Shot 2020-11-19 at 16.40.30.png

1 Like
Highlighted
Shopify Partner
3171 698 846

@MelSF 

Remove the old code and try this new one:

a, .text-link{
color: #1414d8 !important;
}

 

Hope this helps. You can change the color code as per your need.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes