Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #902442

    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, 11 months ago by goldengate415.
    #902649

    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

    #903086

    Perfect, thanks Mike!!!!

    Rob

    #903107

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

    Best regards,
    Mike

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