Home>Support>clickable phone number
  1. 9 years, 4 days ago Andrew Misplon
    Hi, I Work Here

    Hi Nahdi

    The link should look as follows:

    <a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>
    

    You can edit the HTML of your widget by clicking over to the Text tab when in the Visual Editor widget.

    More on this: https://developers.google.com/web/fundamentals/device-access/click-to-call/click-to-call?hl=en

  2. 9 years, 4 days ago Nahdi Gefariann

    I couldn’t find visual editor widget, may I ask you to explain where can I find it?

  3. 9 years, 4 days ago Andrew Misplon
    Hi, I Work Here

    Sorry, SiteOrigin Editor.

    Appearance > Widgets > Header

  4. 9 years, 4 days ago Nahdi Gefariann

    sorry but in sitorigin editor we cant add code, everything you add you will see as header text.
    I used what you have written for me in there(+1 (303) 499-7111) and it showed the whole writing in my header text. off course I put my mobile number after href, am I right?

  5. 9 years, 4 days ago Andrew Misplon
    Hi, I Work Here

    The SiteOrigin Editor widget has a Text tab. Click over to that and you can add HTML.

  6. 9 years, 4 days ago Nahdi Gefariann

    oh sorry, that’s right, I fixed it though its color is not blue anymore when I changed its size

  7. 9 years, 4 days ago Andrew Misplon
    Hi, I Work Here

    In our Custom CSS we’re setting the color for the phone number as follows:

    #masthead .hgroup #header-sidebar .textwidget h2 a {
    	color: #000000;
    	font-size: 20px;
    }
    

    Adjust the hexadecimal color there as required.

  8. 9 years, 4 days ago Nahdi Gefariann

    great worked :)

  9. 9 years, 4 days ago Andrew Misplon
    Hi, I Work Here

    Super :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More