Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Can I add a clickable phone number to the header or bar below for smartphones to use? (http://forum.bytesforall.com/showthread.php?t=13753)

angiebare Apr 12, 2011 05:45 AM

Can I add a clickable phone number to the header or bar below for smartphones to use?
 
I'd like to add a phone number to the header area. My header image has the phone number in the image but it's not clickable (other than to go 'home'). Can I add something somewhere that makes the header (when clicked from a smartphone) call the number?
Or, if what I'm asking for is ridiculous, can I add the clickable phone number to a thick bar using the %bar1 on the Configure Header Area of the options? If so, can you please tell me how to do this?
Thank you so much.
Angie

lmilesw Apr 12, 2011 05:49 AM

You could create a div with a hyperlink and style it like a %bar. You can use HTML in the Configure Header Area box.

angiebare Apr 12, 2011 06:01 AM

Thank you for your quick reply. I apologize for my ignorance, but do you have time to elaborate on how I "create a div with a hyperlink and style it like a %bar"?

lmilesw Apr 12, 2011 06:04 AM

I was giving you a generic answer as I was not really clear on what code you wanted to put in that area. Do you have a snippet of code you could post?

juggledad Apr 12, 2011 06:09 AM

From the quick google search, it looks like you can TRY using
HTML Code:

<a href="tel:+1-123-456-0010">123-456-0010</a>
not all browsers support it

angiebare Apr 12, 2011 06:14 AM

Thanks guys for being so helpful and fast :)

I was trying what you referred to by sticking it in the &bar1 box like this (just to test it) but the number doesn't show up at all - just a white bar:

<a href="tel:+1-512-835-6683">(512) 835-6683</a>
height: 25px;
background: #ffffff;
border-bottom: 5px #ac0303;

juggledad Apr 12, 2011 06:25 AM

This part
HTML Code:

<a class="phone" href="tel:+1-512-835-6683">(512) 835-6683</a>
would go in 'ato->Style & edit HEADER AREA->Configure Header Area

this part
HTML Code:

.phone {height: 25px;
background: #ffffff;
border-bottom: 5px #ac0303;
}

would need a CSS Selector added and it would go in 'ATo->Add HTML/CSS Inserts->CSS Inserts'


All times are GMT -6. The time now is 10:42 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.