WordPress.org

1. sadhaka
   Member
   Posted 6 months 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 5 months 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 5 months ago #
   

   That had no effect at all.

4. sadhaka
   Member
   Posted 5 months 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 5 months 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.

Reply

You must log in to post.