Custom Pin It Button

Look Demo

Replace the Squarespace default Pinterest button with your own. This plugin uses css editor and works with all template families.

How To Install

From your Squarespace account, enable your Pinterest Button settings. Marketing > Pinterest Save Buttons

Next, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Custom Pin It Button //

a[data-pin-log="button_pinit_floating"] {
  visibility: hidden;
}
a[data-pin-log="button_pinit_floating"]::after {
  content: url(IMAGE-URL-HERE.png);
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible;
}

Customize

Replace IMAGE-URL-HERE.png with the link to the image you’d like to use.

Recommended image size is 32px, 80px, or 120px.

License

This plugin comes with an Unlimited Use License. View License Terms

7.1 and Compatible, BlogsGhost