Homepage Pinit button duplicated and showing code

[graphicz]

I needed to change the outer layout of this site and as there are several custom inner layouts I copied stylesheets and responsive outer layout from a sister site to this site (same version)

Since then the Pinit buttons on the live site home page are duplicated and there is some of the pinit layout text visible - the section/product page pinits are OK.



The Small Share Buttons are also displaying incorrectly with the G+ being half behind the FB button and the gap between PB and tweet too large.

[graphicz]

Solved by spotting the Obvious!

I was obsessing so much over design view that i forgot that the client uses html code in the Fragment title which breaks the pinit layout.

This fixes it - Edit appearance: encoding: strip html:

<a href="https://www.pinterest.com/pin/create/button/?url=<actinic:variable encoding="perl" name="CanonicalPageURL" selectable="false" />&media=<actinic:variable name="CatalogURL" /><actinic:variable encoding="perl" name="FragmentImageFileName" selectable="false" />&description=<actinic:variable encoding="strip" name="FragmentTitle" selectable="false" />" data-pin-do="buttonPin" data-pin-config="<actinic:variable name="PinItButtonCount" />">
    <img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" />
</a>