• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 How to move pinterest button?

viper357

Active member
#1
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">{xen:phrase 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:

pin.png

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. :)
 

Brogan

XenForo moderator
Staff member
#2
It is the width of the Facebook iframe which is causing it to be that far over.

Consider adding the Pinterest button before it.
 

Brogan

XenForo moderator
Staff member
#4
Replicate the existing code in the template - ensure you add the shareControl class to the div, which is what floats it left.
Code:
<div class="shareControl">
    Pinterest code
</div>