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

  • Resolved Adam W. Warner

    (@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

    (@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.

    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

    (@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! 😉

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

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