Widget – Number List

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author YARPP

    (@jeffparker)

    12 years, 5 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?

    Thread Starter TZAL

    (@tzemaitis)

    12 years, 5 months ago

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

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

    Plugin Author YARPP

    (@jeffparker)

    12 years, 5 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.

    Thread Starter TZAL

    (@tzemaitis)

    12 years, 5 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.

    Plugin Author YARPP

    (@jeffparker)

    12 years, 5 months ago

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

    Thread Starter TZAL

    (@tzemaitis)

    12 years, 5 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.

    Plugin Author YARPP

    (@jeffparker)

    12 years, 5 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.

    Thread Starter TZAL

    (@tzemaitis)

    12 years, 5 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

    Plugin Author YARPP

    (@jeffparker)

    12 years, 5 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.

    Thread Starter TZAL

    (@tzemaitis)

    12 years, 5 months ago

    Thanks very much!

    Plugin Author YARPP

    (@jeffparker)

    12 years, 5 months ago

    You’re welcome.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Widget – Number List’ is closed to new replies.