WordPress.org

Forums

Pinterest "Pin It" Button
[resolved] Centering the button under an image or caption (5 posts)

  1. sadhaka
    Member
    Posted 2 years ago #

    Is it possible to centre the "pin it" button underneath the image and/or caption (using pre-selected mode)?

    I tried adding some css to make this happen:

    margin:0px auto 0px auto;

    but it didn't work, either in the shortcode or in the "Custom CSS & Styling" box.

    Not sure what you can place in the "Custom CSS & Styling" box and how that works.

    http://wordpress.org/extend/plugins/pinterest-pin-it-button/

  2. Phil Derksen
    Member
    Plugin Author

    Posted 2 years ago #

    CSS should do it. The custom CSS box adds additional CSS to all pages using the button.

    Try this:

    .pin-it-btn-wrapper { text-align: center; }

  3. sadhaka
    Member
    Posted 2 years ago #

    That had no effect at all.

  4. sadhaka
    Member
    Posted 2 years ago #

    Perhaps the extra injected css doesn't work when the button is created by the shortcodes? Where my button is created by the shortcodes, I see the div element as:

    pin-it-btn-wrapper-shortcode

    I know you can add css to the shortcodes, like:

    float="right"

    ... but how to center doesn't seem as intuitive.

  5. Phil Derksen
    Member
    Plugin Author

    Posted 2 years ago #

    Yeah if you're using the shortcode the CSS class to manipulate is pin-it-btn-wrapper-shortcode. You may have to experiment with div centering techniques depending on your theme setup.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Pinterest "Pin It" Button
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.