Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 25, 2018 at 12:40 am #902442
    goldengate415

    Is there a way to display a hyperlink phone number in white without it switching to the theme color (red)?

    In the past I thought I did it this way but I’m not having luck:

    “a href=”tel:1-415-555-1212″>+1.415.555.1212”

    I don’t want to override the hyperlink color for the rest of the theme, only for this phone number element.

    Thank you!
    Rob

    • This topic was modified 6 years, 10 months ago by goldengate415.
    January 25, 2018 at 7:08 am #902649
    Mike

    Hey goldengate415,
    Please try creating your link like this with the id “tel”

    <a id="tel" href="tel://1-555-555-5555">+1 (555) 555-5555</a>

    and use this css in your quick css, or your child theme stylesheet:

    a#tel:hover {color:black;}
a#tel {color: yellow;}

    In this example the regular color is yellow, and on hover is black. Please adjust to suit.

    Best regards,
    Mike

    January 25, 2018 at 11:32 pm #903086
    goldengate415

    Perfect, thanks Mike!!!!

    Rob

    January 26, 2018 at 12:08 am #903107
    Mike

    Hi,
    Glad we could help, we will close this now. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Display Hyperlink Phone Number Without Theme Color?’ is closed to new replies.