Jump to content


Photo
- - - - -

How to add extra photo to header on right side + css


Best Answer batman , 17 February 2013 - 09:45 PM

Hi onlinegrowth
You can add a Hook for add the image.
You can find at
http://api.pagelines.com/hooks
You can see this links to begin:
http://www.pagelines...ustomize_Plugin
http://codex.wordpress.org/Plugin_API
 
There are a free plugin called "Action Map" which will help you find the proper hook to use. Then, we also have a product called "Hooker" that will allow you to paste your code (once you know which hook to select).  It creates the code for you, so that you don't have to do more than look, select and paste.  Once saved, the hook is done and your shortcode will be functional where you want it.  Positioning it precisely is simply a matter of CSS.
 
This is an example:
 
 
// ADD IMAGE BEHIND LOGO
add_action('pagelines_inside_top_branding', 'google_leaderboard_ad');
// function name
function google_leaderboard_ad(){
// This hook adds a stumbleupon icon to the header of your theme. The class referenced in the link can be seen in the style.css
// and is the image from the CSS is placed in the images folder
?>
<div class="leaderboard">
<img alt="" src="http://YOUR IMAGE; " />
</div>
<?php }
// end function


Then you can edit the position with CSS rules, like
/*--POSICION LEADERBOARD--*/
#branding .leaderboard {
position: absolute;
left: 450px;
z-index: 28;}

 

 

For move the image as you like

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

The "Css rules"

It is advisable to learn how to do this on your own too.  

Check out 

http://support.pagel...ion/custom-css/

 

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info. 

http://www.w3schools.com/

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 onlinegrowth

onlinegrowth

    Newbie

  • Members

  • 2 posts
  • Country: Country Flag

Posted 17 February 2013 - 07:31 PM

I've looked at all of these previous example and none have worked for me. 

 

I'm trying to add a picture/image above the social media icons on the right side of the header.

 

I have the pagelines customization plugin installed and am familiar with adding code to .php and .css

 

Just none of the code I have found has worked.

 

I need the php and css for inserting and image and lining it up correctly.

 

Any help is much appreciated.



#2 batman

batman

    Bat Learning

  • Members

  • 2162 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 17 February 2013 - 09:45 PM   Best Answer

Hi onlinegrowth
You can add a Hook for add the image.
You can find at

Please Login or Register to see this Hidden Content

You can see this links to begin:

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

 
There are a free plugin called "Action Map" which will help you find the proper hook to use. Then, we also have a product called "Hooker" that will allow you to paste your code (once you know which hook to select).  It creates the code for you, so that you don't have to do more than look, select and paste.  Once saved, the hook is done and your shortcode will be functional where you want it.  Positioning it precisely is simply a matter of CSS.
 
This is an example:
 

Please Login or Register to see this Hidden Content

 

 

For move the image as you like

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

The "Css rules"

It is advisable to learn how to do this on your own too.  

Check out 

Please Login or Register to see this Hidden Content

 

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info. 

Please Login or Register to see this Hidden Content



#3 onlinegrowth

onlinegrowth

    Newbie

  • Members

  • 2 posts
  • Country: Country Flag

Posted 17 February 2013 - 10:32 PM

Awesome Batman. Thank you for the information and code!



#4 batman

batman

    Bat Learning

  • Members

  • 2162 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 17 February 2013 - 10:33 PM

No problem, happy to help!

;)