WordPress.org

Forums

Pinterest Pin It Button For Images
Can the 'Pin It' button move to the bottom of the image ? (5 posts)

  1. shekhar1205
    Member
    Posted 1 year ago #

    Hi,

    I want to move the 'Pin It' button at the bottom right of the image instead of its default position of Top-Left. In my opinion, this desired position would be strategically better than the present one.

    Is there any way I can do it? Kindly advise.

    Thanks

    Shekhar

    https://wordpress.org/plugins/pinterest-pin-it-button-for-images/

  2. Shinock
    Member
    Posted 1 year ago #

    I agree please advise

  3. amplified2
    Member
    Posted 1 year ago #

    in your style.css add this

    .pibfi_pinterest .xc_pin {
    bottom: 5px !important;
    }
  4. ilanazatkowsky
    Member
    Posted 1 year ago #

    what about moving it to the right side instead of the left? now that chrome has the added "pin it" hover, i don't want it to be on top of it.
    Thanks!

  5. The Style Martini
    Member
    Posted 1 year ago #

    Where exactly on the style.css should I add that codex? This is what I have on file with concern to the Pin-It Button:

    15 Pin-It Button

    ---------------------------------------------------------------------------------------------------- */

    .cb_pin_images {

    padding: 0!important;

    height: 100%!important;

    width: 100%!important;

    }

    .cb_pin_link {

    display: block!important;

    position: absolute;

    top: 0!important;

    left: 0!important;

    height: 100%!important;

    width: 100%!important;

    }

    a.cb_pin_link {

    background: url(images/pin-it.png) 0 0 no-repeat !important;

    margin-left: -2px;

    margin-top: -2px;

    opacity: 0;

    transition: opacity 0.2s linear;

    -moz-transition: opacity 0.2s linear;

    -webkit-transition: opacity 0.2s linear;

    -o-transition: opacity 0.2s linear;

    }

    a.cb_pin_link:hover {

    opacity: 1;

    }

    .cb_pin_images img {

    display: block;

    position: relative;

    }

    /*

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Pinterest Pin It Button For Images
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.