WordPress.org

Ready to get started?Download WordPress

Forums

Pretty Pinterest Pins
[resolved] Center Image (8 posts)

  1. mommacrocodile
    Member
    Posted 2 years ago #

    I am not too brilliant with CSS or coding, and am really wanting to center the image in this great plugin. How would I go about doing that?

    It is at the website: http://www.goodnessmatters.com

    Thanks!

    http://wordpress.org/extend/plugins/pretty-pinterest-pins/

  2. jowilki
    Member
    Plugin Author

    Posted 2 years ago #

    I think I'm going to add this in as a configurable option to the plugin sometime in the next week or so. But if you're not afraid to get your hands dirty with some CSS, I think this will accomplish what you want in your particular theme:

    - Open your theme's stylesheet (yours looks like its called layout.css) under Appearance > Editor.
    - Scroll to the very bottom and add these lines:

    #sidebars ul#pretty-pinterest-pins-widget li.pretty-pinterest-pin div.pretty-pinterest-image{
    margin: auto;
    }

    #sidebars ul#pretty-pinterest-pins-widget li.pretty-pinterest-pin, #sidebars ul#pretty-pinterest-pins-widget li.pretty-pinterest-follow-me{
    text-align: center;
    }

    - The second block centers the "follow me button", so don't have to add that part if you only want the pin image centered

    Let me know if you have any trouble with it and I can take a look again

  3. mommacrocodile
    Member
    Posted 2 years ago #

    I followed the instructions (I am using Thesis), and put it in the Custom CSS stylesheet. The "Follow Me" button centered beautifully, but for some reason the image still won't center.

    Thanks for being so helpful. I appreciate it very much.

  4. jowilki
    Member
    Plugin Author

    Posted 2 years ago #

    Hmm weird...I think your stylesheet has a typo at the very beginning of it that is causing it to ignore the first block of styles that you added.

    In your custom.css, the first lines are supposed to be commented out like this:

    /*
    File: custom.css
    Description: Custom styles for Thesis
    More Info: http://diythemes.com/thesis/rtfm/custom-css/
    */

    Yours is missing the first slash. Try adding a "/" at the very beginning and see if that fixes the issue

  5. mommacrocodile
    Member
    Posted 2 years ago #

    Thank you so much. Is there a way to donate to your plugin?

  6. jowilki
    Member
    Plugin Author

    Posted 2 years ago #

    No problem. I don't have a donate link, a positive rating is good enough for me :) Let me know if you have any other issues, thanks for using the plugin

  7. KadiPrescott
    Member
    Posted 2 years ago #

    I have done all that you suggested above to center the images and follow button but I'm still having no success centering it all. Any suggestions?

    Kadi
    http://www.birthinghip.com

  8. jowilki
    Member
    Plugin Author

    Posted 2 years ago #

    The code above was specifically for the theme that mommacrocodile was using. If you replace where it says #sidebars with the div id that your sidebar is within, it should work for you too. If you post a link to where I can see the plugin, I can take a look at it. Your current link says its coming soon

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic