WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. sadhaka
    Member
    Posted 1 year 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 1 year 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 1 year ago #

    That had no effect at all.

  4. sadhaka
    Member
    Posted 1 year 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 1 year 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

About this Topic

Tags

No tags yet.