Jump to content


Photo
- - - - -

Phone number image at top right of header


  • Please log in to reply
14 replies to this topic

#1 julschong

julschong

    Newbie

  • Members
  • 8 posts

Posted 13 March 2012 - 01:13 PM

Hello everyone, I'd like to have my phone number at the top right hand side of my website above the social media icons. Did try another related thread and was told to start a new question. I've got the phone number saved as an image but not sure how to get it added to the top? Appreciate any help. I've got no idea what hooks are/do and very little html/css knowledge!

#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 March 2012 - 02:55 PM

Can't you use the brandnav option and incorporate those details into the header image? Might be easier and avoids hooks/css

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 13 March 2012 - 07:23 PM

Yes, Jamie has a point. However, I must beg the question, why an image? If you elect to use a hook and CSS to place the phone number, why not make it styled and text based? If you wish to create a hook, then you should start here:

Please Login or Register to see this Hidden Content



#4 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 13 March 2012 - 07:26 PM

@julschong: I just did exactly what you are asking. I'd be glad to post the hook, and final CSS if you wish.

#5 julschong

julschong

    Newbie

  • Members
  • 8 posts

Posted 13 March 2012 - 11:46 PM

@WebWerx that would be amazing and a massive help. If you can be bothered can you give instructions on where to put them as well?

#6 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 13 March 2012 - 11:52 PM

Ya sure. Just PM me tomorrow to remind me.

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 14 March 2012 - 02:29 AM

@WebWerx Thanks for being a huge help around here.

#8 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 14 March 2012 - 01:45 PM

No worries @catrina. This is a good community. One of the better forums I am on!

#9 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 14 March 2012 - 02:42 PM

Okay @julschong Here we go: 1) Add the Base Theme (free in PL Store) to your WP implementation. From now on you will make all changes to functions.php or custom.css here: Dashboard> Appearance> Editor > Base Theme. This will allow for smooth upgrades of the core PL Framework. Plus if you screw up you haven't wrecked your site (and your day!). 2) Paste this code into functions.php:

Please Login or Register to see this Hidden Content

Note the addition of the DIV (for the next step) 3) Paste this code into custom.css:

Please Login or Register to see this Hidden Content

You will have to adjust the CSS properties to suit your needs. That's it! This will get you going. The same concept applies for whenever you want to stick something in the theme that is not already there (a very rare occasion) Thanks to @pross, @rangelone & @Danny for tutoring me on how to get to this point.

#10 julschong

julschong

    Newbie

  • Members
  • 8 posts

Posted 15 March 2012 - 12:31 AM

thanks v much @WebWorx. I'll give it a crack tonight. FYI - the link to your first bit of code needs to be

Please Login or Register to see this Hidden Content

- I'm glad I at least figured this bit out!!

#11 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 15 March 2012 - 01:09 AM

Let us know how it goes. We're here if you need assistance.

#12 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 15 March 2012 - 08:56 AM

@julschong: No worries. Not sure what happened with my copy/paste! :((

#13 julschong

julschong

    Newbie

  • Members
  • 8 posts

Posted 15 March 2012 - 11:11 AM

@WebWerx. Brilliant. Worked so easily. Question now is how do I change the size and font? I tried inserting XXX for example, but nothing seems to change.

#14 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 15 March 2012 - 01:34 PM

@julschong: Your reaction was the same as mine! It really is simple. Re the font size etc, you will need to add CSS elements not HTML elements (as above). Got it?

#15 julschong

julschong

    Newbie

  • Members
  • 8 posts

Posted 15 March 2012 - 01:49 PM

ta daa!!! www.zenonline.com.au !! thanks for all the help