[resolved] HTML Telephone Link in Site Description (5 posts)

  1. optymizer
    Posted 2 years ago #


    Great Theme!

    I need to get a clickable phone number in the header along with or under the description. I use HTML code to get the phone number clickable on individual pages, but I need the number at the top of the site, large and clickable.

    Here is what I use: <a href="tel:8005555555">(800) 555-5555</a>

    I was trying to accomplish this with the CSS snippet

    .site-description:after {
        content:\"Call - (877) 999-6650\";
        display:      block;
        font-size:    1em;      /* optional */
        font-weight:  normal;     /* optional */

    But it does not work with the HTML link.
    The site: http://unlockalock.ca/

    Thank you!

  2. nikeo
    Theme Author

    Posted 2 years ago #

    Hi @Optymizer,

    This can't be done in CSS only you are right. You can use a filter to do that.
    Check this snippet : http://www.themesandco.com/snippet/adding-a-link-in-the-wordpress-tagline/

    Looking forward for your feedback on this,
    Cheers (and thanks for your nice review! :-)

  3. optymizer
    Posted 2 years ago #

    Wow! Thank you. It works!


    Is there a way that I can make the text of the phone number bigger (just the phone number)? If it has to be all the text that is great, too!


  4. rdellconsulting
    Posted 2 years ago #

    See this Snippet.

  5. optymizer
    Posted 2 years ago #

    Thank you! It works like a charm.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic