• 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?


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


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

Consider adding the Pinterest button before it.


XenForo moderator
Staff member
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