• 0
Sign in to follow this  
Followers 0

White House Pro header phone number

Question

Posted · Report post

Hi, My client has your White House Pro and would like in their header to have the phone number convert to a link that someone (on their phone) can click on to start the call. Right now, the number is part of the header image. Is there a way to add the phone number below the header image as an actual number, not an image? www.themelawfirm.com Thank you!

Share this post


Link to post
Share on other sites

13 answers to this question

  • 0

Posted · Report post

It's possible to add a text link phone number, but it's not advisable to add it by editing any of the core files. This probably isn't the best workaround, but the solution I can think is using a sidebar text widget to add the number and using custom CSS to move that text widget up and take away the default styling (such as background color, border, etc.).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

hhmmm, that doesn't sound very easy. I'm used to platform pro. Is there not a way in White House pro to add the universal header above the main navigation and just below the branding?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No, there isn't a way with WhiteHousePro. Both themes have different settings (WHP lacks a lot of what PlatformPro has).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK. so if my secondary sidebar is empty. How would I go about (CODE) getting it above my navigation? Sorry, but I'm not a pro at custom code.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This isn't the most elegant solution, but the only with CSS is by using the margin-top attribute to move the text widget in the sidebar upward. For example [code]div.SELECTORFORTEXTWIDGET {margin-top: -300px;}[/code] For more specific instructions on how to use custom CSS, please see this documentation: http://www.pagelines.com/wiki/Custom_CSS

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Will the code you gave me only move the secondary sidebar widget? or am I to replace the "SELECTORFORTEXTWIDGET" with the name of the secondary sidebar?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You need to replace "SELECTORFORTEXTWIDGET" with the name of the secondary sidebar (which you can find using Firebug).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK. I'm going to sound like an idiot here- but I don't see the option anywhere to show both primary and secondary sidebars. I've selected the secondary sidebar and, using firebug, found the div id = "text-6". i tried that but didn't work, plus now I'm missing the primary sidebar. Help! :(

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK. I renamed it to div.winner {margin-top: -600px;} and that seemed to help but did not completely move the secondary widget. (there's still some left in the column. I guess I've really started a problem here because now we need space between the branding and the menu too. thought: what if we added the number next to the social media icons instead of in a widget?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you want to make it really easy, you shold place it in the menu bar, but I'm not sure if it would meet the specifications. Since you have non-responsive design, you could move it from there to wherever you want, with position:relative; top: y px; left: x px. And then style it so it looks how you want it.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

thanks all, But I don't think I can get this to work. thank you for all the efforts. Regards,

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Quitters suck, try, and then we will assist u best we can.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@create180design The widget idea isn't the most elegant workaround, so I think you'd need to approach it a different way. Perhaps you can add a DIV layer to the header by adding it to the Headerscripts code box in your settings and align it using CSS, but that isn't where the code would go and the DIV layer wouldn't adapt to different browser sizes very well.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0