Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Using ShareBar Space to Add External Link with Image


Question

Posted · Report post

Hi All,

I have just put together a small site for a petition and used the "sharebar" section so people can link to it.

However I wanted to add an external link with image in the right hand section of the ShareBar, as their is plenty of space free.

I've searched but can not find an easy way to do this.... Or, is this the best way to do it at all... Happy to float / hover instead.

Primary site: http://www.ncop.org.au

This is the code I think I need to add. P.S.... I'm not really a dev.... ;-) But I've got as far as I could with firefox and firebug etc..

<div id="simplistech-logo">

<a href="http://www.simplistech.com.au" target="new">

<img src="http://www.ncop.org.au/wp-content/themes/ncop-pagelines-theme/images/simplistech-logo.png" alt="SIMPLISTECH : Technology Made Simple" />

</a>

</div>

Thanks in advance for either solutions.

Regards,

Miles

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi Miles,

You can add this to your child themes or PageLines customisation plugins functions.php file:



add_action('pagelines_inside_bottom_sharebar', 'sharebar_link');
function sharebar_link(){ ?>

<div id="simplistech-logo">
<a href="http://www.simplistech.com.au" target="new">
<img src="http://www.ncop.org.au/wp-content/themes/ncop-pagelines-theme/images/simplistech-logo.png" alt="SIMPLISTECH : Technology Made Simple" />
</a>
</div>

<?php

}
[/CODE]

Then you will need to postion the image link correctly with some custom CSS.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny,

Absolutely what I needed.....

I added the following CSS and it all aligned the way I wanted it.



#simplistech-logo a {

    bottom: 45px;

    float: right;

    position: relative;

    right: 12px;

    width: 180px;

}


There's a little extra white space now, but I can find where that is and minimise it.

Kindest regards,

Miles

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Miles,

Awesome and no problem, happy to help!

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites