How can I alter the color of a clickable link on my website?

How can I alter the color of a clickable link on my website?

Neo31
New Member
4 0 0

I have just created my shopify store. I have added my contact number on the announcement bar. When viewing on desktop and mobile on shopify admin the number is showing as my selected white font. However, when looking on the live site on my mobile the contact number is appearing as a blue clickable link. How do I change this so it shows as white?

 

URL: www.neoandcowatches.co.uk

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
8809 2109 2585

Hi @Neo31 

 

Please provide your website so we can provide the code appropriate for you. Thank you

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Neo31
New Member
4 0 0

Just updated the post. Thanks

Made4uo-Ribe
Shopify Partner
8809 2109 2585

Hi @Neo31 

 

I dont see it in my end. What device are you using to view mobile? You can try the following code below. 

 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.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:

 

p.announcement-bar__message.h5 span {
    color: white;
}

4. And Save.

 

If it helps, likes and mark as solution is appreciated 😊

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Neo31
New Member
4 0 0

I have just tried this but it doesn’t seem to have worked.

 

when I am on my mobile. I am typing my website into the url and the contact number is showing up as a blue clickable link.

 

but when I am then viewing the website on my laptop it is just showing as white

 

 

Made4uo-Ribe
Shopify Partner
8809 2109 2585

Is this an apple device or android?

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Neo31
New Member
4 0 0

Its an apple iPhone

Made4uo-Ribe
Shopify Partner
8809 2109 2585

Hi @Neo31 

 

Can you try the code below instead

p.announcement-bar__message.h5 a{
color: white;
text-decoration: unset;
}
If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

HJ69
Visitor
1 0 0

Hi @Neo31, I have this exact same problem. The two suggestions in this thread didn't help. How did you solve it?

 

URL:https://motomandistributing.com