WordPress.org

Ready to get started?Download WordPress

Forums

Yet Another Related Posts Plugin (YARPP)
[resolved] Widget - Number List (12 posts)

  1. TZAL
    Member
    Posted 7 months ago #

    Is there a way using custom CSS to have a list without numbers or bullets using the widget?

    Custom-Simple seems to look just like the numbered list & Custom-List uses commas and no new lines.

    Thanks

    http://wordpress.org/plugins/yet-another-related-posts-plugin/

  2. jeffparker
    Member
    Plugin Author

    Posted 7 months ago #

    If you know CSS, you can definitely remove the bullets from the list format. Do you have a link to your site you can share?

  3. TZAL
    Member
    Posted 7 months ago #

    Thanks, here is a post where it's being used:

    http://www.win-tenders.co.uk/why-do-companies-tender/

  4. jeffparker
    Member
    Plugin Author

    Posted 6 months ago #

    Choose "List" for the widget, and add these rules at the bottom of your theme's CSS file:

    .yarp-related-widget ol {list-style: none !important; margin-left:0 !important;}
    .yarp-related-widget li {margin: 6px 0 !important;}

    Hope that helps.

  5. TZAL
    Member
    Posted 6 months ago #

    Thanks, unfortunately it didn't work.

    Tried it in the theme's custom CSS; then tried WP's Edit CSS; then tried again in the theme's custom using the CSS that I successfully used to change the font color:

    #sidebar #yarpp_widget-2 {
    list-style: none !important;
    margin-left: 0 !important;
    }
    #sidebar #yarpp_widget-2 {
    margin: 6px 0 !important;
    }

    But that didn't work either.

  6. jeffparker
    Member
    Plugin Author

    Posted 6 months ago #

    The styles you posted above are not the styles I listed. Please see the ones I posted. Thanks.

  7. TZAL
    Member
    Posted 6 months ago #

    Sorry if it wasn't clear - I did try those at first but they didn't work - not in the theme's custom CSS nor in WP's edit CSS.

    That's why I tried the alternative in the theme's custom css as described above.

  8. jeffparker
    Member
    Plugin Author

    Posted 6 months ago #

    Would you try the ones I listed again so I can view your site and see what might be the problem? I'd recommend the style.css file.

  9. TZAL
    Member
    Posted 6 months ago #

    Understood - added it using the CSS Stylesheet Editor but as before, it didn't work.

    Did also try the style.css file but again, no change. But I want to avoid editing the theme or plugin in order to avoid losing settings when updates are issued.

    Ideally I'd like a non-numbered list but could live with numbers or bullets if they were justified correctly. You will see that the 2nd line of a post sits in line with the number (not the beginning of the post title above it). See http://www.win-tenders.co.uk/why-do-companies-tender/?csspreview=true

  10. jeffparker
    Member
    Plugin Author

    Posted 6 months ago #

    Your Business Pro Theme is doing that with the numbered lists.

    ol, ul {
      margin-left: 21px;
      list-style-position: inside;
    }

    You'll need to set the list-style-position to outside.

  11. TZAL
    Member
    Posted 6 months ago #

    Thanks very much!

  12. jeffparker
    Member
    Plugin Author

    Posted 6 months ago #

    You're welcome.

Reply

You must log in to post.

About this Plugin

About this Topic