Jump to content
Sign in to follow this  
flongarini

Add Image to Header (To the right of Branding)

Recommended Posts

flongarini

I am using the PlatformPro template. I would like to add an image (banner?) to the right of my logo (aligned all the way to the right). I am trying to replicate the header arrangement in the following website (please pay no attention to navigation - I'm just trying to replicate logo + compass image at the same level) in the Header area http://www.synergiaplanning.com/philosophy Could someone tell me what's the best way of accomplishing that? Thanks

Share this post


Link to post
Share on other sites
cmunns

Read up on how to use hooks in the documentation...there are also some threads in the forum with working examples aplenty...that will be a good primer then let us know how far you get.

Share this post


Link to post
Share on other sites
flongarini

Thanks, Adam Problem solved. Here's how I did it, in case other new members like myself end up dealing with a similar situation: I used the pagelines-inside-top-branding hook. The following is the code I entered into the functions.php : add_action('pagelines_inside_top_branding','add_mainimg_to_header'); function add_mainimg_to_header() { $mainimg_url = "http://www.synergiainsight.com/feature/wp-content/uploads/2011/06/header_img031.jpg"; ?> " border="0" alt="Header Image" id="mainimg" /> <?php } Initially I thought this wasn't working because image was appearing above the logo, but I then inserted the following CSS Rules in the Custom Code section of the PlatformPro admin #branding .content-pad img#mainimg { float: right; margin-top: 0px; margin-right: -5px; } ....and voila! done!

Share this post


Link to post
Share on other sites
chules

I am trying to do the same thing as this post. Add an image to the right of my logo (far right). The effect on this site would be almost as if you had 2 logos on the website. The one on the left and the new one on the right. I am working off a host file so can not show the site but I have tried the code above and it doesn't seem to work. Is this still a valid way of doing this working with the latest pagelines release? Can anyone assist me with trying to get the right code to add this additional image. Thank you - chules

Share this post


Link to post
Share on other sites
batman

Hi chules You can try with: add_action('pagelines_inside_top_branding','logo_header'); function logo_header() { ?> <?php } Then you add CSS rules for position logo as you like. You can find the Hook at http://api.pagelines.com/hooks You can see this links for more information http://www.pagelines.com/wiki/How_to_Use_the_PageLines_Customize_Plugin http://codex.wordpress.org/Plugin_API


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
chules

Batman!!, That worked. Thank you

Share this post


Link to post
Share on other sites
batman

No problem, happy to help! :)


Life is too short to remove USB safely ...

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  

×