Custom Pin It Button

Ghost_Black-1.gif

Step One

From your Squarespace account, enable your Pinterest Button settings.

Marketing > Pinterest Save Buttons

static1.squarespace.png

Step Two

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Three

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;
}

Step Four

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

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

Save and refresh the page. 👍

Moov Labs