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


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 onlinegrowth†

onlinegrowth

    Newbie

  • DMS Subscriber†
  • 2 posts

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

  • DMS Subscriber†
  • 2251 posts

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

  • DMS Subscriber†
  • 2 posts

Posted 17 February 2013 - 10:32 PM

Awesome Batman. Thank you for the information and code!



#4 batman†

batman

    Bat Learning

  • DMS Subscriber†
  • 2251 posts

Posted 17 February 2013 - 10:33 PM

No problem, happy to help!

;)