WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: Pinterest RSS Widget] Removing List Type CSS – Having a Bit of Trouble…

[Resolved] [Plugin: Pinterest RSS Widget] Removing List Type CSS – Having a Bit of Trouble…

  • Adam W. Warner
    Participant

    @awarner20

    Hi all,

    Everything is working really great and displays very nice but my theme’s CSS for list type is showing and I can’t seem to get it removed by overriding with CSS in my theme’s stylesheet.

    Here’s the site (Widget in sidebar)
    http://wpprobusiness.com

    …and here’s the CSS I’m using…
    /* Removing List Items Types on the Pinterest RSS Widget Plugin */
    .widget-area ul li.pins-feed-item {
    list-style-type:none;
    }

    Can anyone suggest what may be wrong with my CSS targeting?

    http://wordpress.org/extend/plugins/pinterest-rss-widget/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author bkmacdaddy
    Participant

    @bkmacdaddy

    Adam,

    Try this instead:

    .sidebar.widget-area ul li.pins-feed-item {
      background: none;
      list-style-type: none;
      margin: 5px;
      padding: 0;
      text-shadow:none;
    }

    Let me know if that works.

    Adam W. Warner
    Participant

    @awarner20

    Thank you. This works to remove the list type styles, but the group of thumbnails is now aligned left in the Widget instead of centered as before.

    I tried adding text-align: center but that had no effect.

    Plugin Author bkmacdaddy
    Participant

    @bkmacdaddy

    The images are floated left, so text-align:center won’t work. You need to center the entire list. Add this to your CSS instead:

    .sidebar.widget-area ul.pins-feed-list {
      margin: 0 auto; /* centers the fixed-width ul */
      width: 180px; /* sets the fixed-width so it can be centered */
    }

    The width will always need to be the number of thumbnails per row multiplied by the width of the thumbnail + 10 (for the margins). So in your case it’s 3 x (50 + 10) = 180.

    I always knew my high school algebra would come in handy someday! 😉

    Adam W. Warner
    Participant

    @awarner20

    Perfect, thanks so much! I only made it as far as “pre-algebra”;)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] [Plugin: Pinterest RSS Widget] Removing List Type CSS – Having a Bit of Trouble…’ is closed to new replies.