WordPress.org

Ready to get started?Download WordPress

Forums

Pinterest RSS Widget
[resolved] Removing List Type CSS - Having a Bit of Trouble... (5 posts)

  1. Adam W. Warner
    Member
    Posted 2 years ago #

    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/

  2. bkmacdaddy
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  3. Adam W. Warner
    Member
    Posted 2 years ago #

    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.

  4. bkmacdaddy
    Member
    Plugin Author

    Posted 2 years ago #

    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! ;)

  5. Adam W. Warner
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic