Jump to content
Sign in to follow this  
julschong

Phone number image at top right of header

Recommended Posts

julschong    0
julschong

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!

Share this post


Link to post
Share on other sites
James B    436
James B
Can't you use the brandnav option and incorporate those details into the header image? Might be easier and avoids hooks/css

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Rob    547
Rob
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: http://www.pagelines.com/wiki/How_to_Add_Customization

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
@julschong: I just did exactly what you are asking. I'd be glad to post the hook, and final CSS if you wish.

Share this post


Link to post
Share on other sites
julschong    0
julschong
@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?

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
Ya sure. Just PM me tomorrow to remind me.

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
No worries @catrina. This is a good community. One of the better forums I am on!

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
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: http://paste.pagelines.com/7 Note the addition of the DIV (for the next step) 3) Paste this code into custom.css: http://paste.pagelines.com/4v 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.

Share this post


Link to post
Share on other sites
julschong    0
julschong
thanks v much @WebWorx. I'll give it a crack tonight. FYI - the link to your first bit of code needs to be http://paste.pagelines.com/7l - I'm glad I at least figured this bit out!!

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie
Let us know how it goes. We're here if you need assistance.

Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
@julschong: No worries. Not sure what happened with my copy/paste! :((

Share this post


Link to post
Share on other sites
julschong    0
julschong
@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.

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
@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?

Share this post


Link to post
Share on other sites
julschong    0
julschong
ta daa!!! www.zenonline.com.au !! thanks for all the help

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  

×