WordPress.org

Ready to get started?Download WordPress

Forums

Pretty Pinterest Pins
Center Images (8 posts)

  1. MaryElla
    Member
    Posted 1 year ago #

    Hi there,

    First - lovely plugging :). Thanks.

    May I ask as well how can I make the images to be in the center?
    I you lifestyle child theme.

    Many thanks,
    M

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

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    A link to your site would be necessary for help with CSS issues.

  3. MaryElla
    Member
    Posted 1 year ago #

  4. MaryElla
    Member
    Posted 1 year ago #


  5. MaryElla
    Member
    Posted 1 year ago #

    Hello there.

    Is there anybody how can help me to fix the image in the middle please.

    Thanks,
    M

  6. jowilki
    Member
    Plugin Author

    Posted 1 year ago #

    Give this code a shot

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

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

    #sidebar ul#pretty-pinterest-pins-widget li.pretty-pinterest-pin, #sidebar 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

  7. MaryElla
    Member
    Posted 1 year ago #

    Hi Jowilki,

    thank you very much for your respond.

    Unfortunately it doesn't work.

    Is there anything else I can do?

    Thanks. I appreciate your help.
    Mary

  8. Melinda
    Member
    Posted 1 year ago #

    I went into my Plugin editor and changed the margin to margin-left: 35px; and it looks centered now. You may have to tweak your numbers.

    ul#pretty-pinterest-pins-widget li.pretty-pinterest-pin div.pretty-pinterest-image{
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    font-size: 11px;
    text-align: center;
    margin-left: 35px;
    max-width: 100%;
    width: 150px;

    http://chris-melinda.com/blog

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic