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

[Neo31]

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

[Made4uo-Ribe]

Hi @Neo31 

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

[Neo31]

Just updated the post. Thanks

[Made4uo-Ribe]

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 😊

[Neo31]

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]

Is this an apple device or android?

[Neo31]

Its an apple iPhone

[Made4uo-Ribe]

Hi @Neo31 

Can you try the code below instead

p.announcement-bar__message.h5 a{
color: white;
text-decoration: unset;
}

[HJ69]

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