Adding 'Pin it' Button to Photos

  • Unknown's avatar
    xfivefeetsmallx · Member ·

    Is there css code I can add to have my photos be able to be pinned onto someone’s pinterest which will link them back to my blog?

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    CSS isn’t needed for this. To get “Pin It” buttons on your images, you need to first add the Pinterest button to your set of Sharing buttons and select the Official Buttons style. Once you do that, “Pin It” buttons should appear on each of your shareable images.

    Let us know how it goes.

    Add Social Share Buttons

  • Unknown's avatar
    xfivefeetsmallx · Member ·

    Is there a way to enlarge the ‘Pin this’ button that shows up when you hover over an image? right now it is very small.

  • kathrynwp · Staff ·

    You can give this a try, adjusting the pixel values as you like:

    span[data-pin-log="button_pinit_floating"] {
     background-size: 20px 20px !important;
     font-size: 15px !important;
     height: 40px !important;
     line-height: 38px !important;
     padding-right: 0 !important;
     width: 80px !important;
}

    Normally it’s not good practice to use !important in custom CSS, but it’s necessary in this case in order to override this particular button’s styling. :)

  • The topic ‘Adding 'Pin it' Button to Photos’ is closed to new replies.