Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Can I add a clickable phone number to the header or bar below for smartphones to use?


  #1  
Old Apr 12, 2011, 06:45 AM
angiebare
 
5 posts · Jan 2011
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
  #2  
Old Apr 12, 2011, 06:49 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You could create a div with a hyperlink and style it like a %bar. You can use HTML in the Configure Header Area box.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Apr 12, 2011, 07:01 AM
angiebare
 
5 posts · Jan 2011
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"?
  #4  
Old Apr 12, 2011, 07:04 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Apr 12, 2011, 07:09 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Apr 12, 2011 at 07:22 AM.
  #6  
Old Apr 12, 2011, 07:14 AM
angiebare
 
5 posts · Jan 2011
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;
  #7  
Old Apr 12, 2011, 07:25 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Problem with theme on mobile phone oyedepo1 Center area post/pages 9 Oct 20, 2011 04:49 AM
Add clickable ad to header? cwikdahl Header configuration & styling 2 Sep 24, 2010 10:26 AM
[SOLVED] Page Menu Bar - I want some drop downs to be clickable, and one or two to no shbaxt Page & Category Menu Bars 2 Aug 3, 2010 02:32 PM
[SOLVED] Add widget to header bar moelskov Sidebars & Widgets 2 Mar 3, 2010 03:07 PM
How to add 2 link rollover buttons in horizontal header bar stevemitch2 Header configuration & styling 2 Jun 4, 2009 10:47 AM


All times are GMT -6. The time now is 07:33 PM.


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