Custom Pin It Button


Description

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.


Previous
Previous

Super Big Mobile Menu Font

Next
Next

Text Highlight Selection Color