[FulgentParticipant]

Hi,

I have my phone number in a widget footer section and also on my contact page.

in the format of T: 01234 567890

They are being picked up as links for some reason in Safari on iThings so displaying the link colour that i have set in the customizer and not white like i want it too.

Im happy to have the phone numbers as a link for mobile devices to just click but how to i make it a completely different colour to the link colour thats set in the customizer please?

Thanks

[FulgentParticipant]

This reply has been marked as private.

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Please replace your existing phone number with following code:

<a href="tel:+01386 834000">01386 834000</a>

Let us know how it goes.

Thanks.

[FulgentParticipant]

Yes that makes them into links but i dont want them to have the same link colour as whats set in the customizer.

The phone and fax numbers on the contact page are fine as my link texts are black with a blue hover.

But i need the phone number adn email address in the Footer Widget 1 area to be in white with no hover colour.

Thanks

[NicoModerator]

Hi There,

You could add class in the link so that you could make it a different from other links.

Change the text code to this:

<a href="tel:+01386 834000" class="different_link">01386 834000</a>

Then add this in your Customizer > Custom > CSS:

a.different_link{
color:#000;
}

a.different_link:hover{
color:#000;
}

Hope it helps.

Let us know how it goes.

Thanks.

[FulgentParticipant]

Hi,

I dont need to make them direct links – on mobile devices they are all clickable as normal text. (press the phone number in the footer on a mobile phone and it gives you the option to Call/Send message/add to conatcts etc which is what i want it to do.

If i make them into href links then it tries to open them as a webpage.

I dont really want them to be href links, i need the phone number and email in the footer widget to stay white and not be detected as a link.

Desktop browsers:

Edge – Footer phone number gets underlined and is being treated as a link – although shows the correct white colour.

Firefox – Is as it should be – white and not a direct link.

Chrome – Is as it should be – white and not a direct link.

Mobile browsers:

Default Internet app on a Samsung device – Is as it should be – white and not a direct link.

Chrome on a samsung device – Is as it should be – white and not a direct link.

Safari on an iThing – The phone number in the footer is black as its picking up the black links and blue hover settings i have in the customizer, needs to be whute – although it reacts as expected when the number is clicked (ie gives you the messgae,phone etc options) The email click doesntdo anything though

Chrome on an iThing – Colours are white as they should be, but nothingworks when you click them.

If you jump on an Android device if you have one and click the phone numbers and email addy in the footer and the contact page you will see better than to how im explaining it im sure. Ha.

Thanks

[JoaoModerator]

Hi There,

The solution that Nico provided should work.

If you prefer you can use :

Tel: &nbsp;&nbsp;<span style="color: red;">01386 834000</span><br>
Email:<a href="mailto:website_enquiries@fulgent.co.uk">website_enquiries@fulgent.co.uk</a>

Change red for the desired color:

Hope that helps,

Thanks

[Author]

Posts