XF 1.5 How to move pinterest button?

[viper357]

Hi all, I need some help moving a button please.

I have added a Pinterest button to my share_page template...here is a snippet of the code: the blue text is the code I have added.

<div class="sharePage">
<h3 class="textHeading larger">{xenhrase share_this_page}</h3>
<xen:contentcheck>
<xen:hook name="share_page_options">
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
<a data-pin-do="buttonBookmark" href="https://www.pinterest.com/pin/create/button/"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
<xen:if is="{$xenOptions.tweet.enabled}">
<div class="tweet shareControl">

But now it is putting the button all the way on the right hand side, like this:



Is there anything I can do to move the button to the left, either before the Twitter button or inbetween the FB and Twitter buttons?

Thanks.

 

[Paul B]

It is the width of the Facebook iframe which is causing it to be that far over.

Consider adding the Pinterest button before it.

 

[viper357]

I have done, the code is placed before the Twitter button but for some reason it's putting it on the right?

 

[Paul B]

Replicate the existing code in the template - ensure you add the shareControl class to the div, which is what floats it left.

<div class="shareControl">
    Pinterest code
</div>

 

[viper357]

ensure you add the shareControl class to the div

That solved it, thank you.