Looking For Bullet Point (List) Plugin

The visual editor already has features that allow a list item within a list to become a subclause – ie tge first list item in a nested list. Use the [tab] key on the keyboard for this. I have found that a complex arrangement of nested lists can easily get confusing and the most straightforward way to set uo the nesting for is to enter all of the text first and then use the visual editor to change the text that needs to be in a list into the top level list items using the unordered or ordered list button. Keep subclauses as part of the parent list at this stage. Once the top level list is complete, then add all the second level list items using the unordered or ordered list key again, but also use the tab key to make the second level list. Then once all the second level list items are defined, repeat for further levels of nesting.

I worked on a project recently where there was the requirement to set different styles of numbered lists depending on the nesting level.

For that project the styles were added to a child theme and were very specific to the site being built. I though at the time that a plugin to add a relevant set of styles for nested lists might be something that people would find useful.

I have submitted a plugin to provide this to the www.ads-software.com plugins directory, and I will post a link here when it is available if you would like to try it.

The plugin is available now:
https://www.ads-software.com/plugins/nested-ordered-lists/

Thanks Cubecolour! I’ll check out the Visual Editor and see how that works. I’ll also install the nested ordered lists plugin ??

Thank you!

Hi CubeColour!

The plugin on the visual editor worked beautifully. However, when the bullet lists displayed on a blog post, the bullet points did not look like the visual editor. If the bullet and number lists could look exactly like the back end editor on the blog page, that would be awesome! Other than that the plugin worked perfectly!

On blog page:

https://www.dropbox.com/s/a6qgtak32ass92h/Screenshot%202015-10-09%2011.04.23.png?dl=0

On back end editor:

https://www.dropbox.com/s/mqv64n5emyz6gra/Screenshot%202015-10-09%2011.04.39.png?dl=0

It looks like the styles are not being applied on the front end at all. This may be due to css rules in the theme having greater specificity, and preventing the styles in the plugin being applied. Which theme are you using on your site?

The theme is Nevia – https://themeforest.net/item/nevia-responsive-multipurpose-wordpress-theme/4118819

You can see the site here – https://idswiki.zumahost.com/bullet-number-list-examples/

I figured CSS was the culprit!

OK I can see the issue – on the front end the plugin targets any list items inside the .entry-content element so that it doesn’t affect any list items in menus & widgets which probably don’t want this kind of styling. You theme does not use an .entry-content class, but uses .hentry instead, so the rules were not being applied. I’ve updated the css to allow for this.

Try version 1.1.0 which should be available as an update now.

Wow! Thank you for all of your help!

That worked perfectly!! I will be donating some money for coffee and muffins!

Thanks!!

Great! – I’m very glad that it is working for you. Thanks for the donation.

Anytime! I’ll mark this topic as closed. Others will be able to access / download the plugin when necessary.

Resolved.

Quick Question Cubecolour –

The different bullets selected for the sub groups don’t show when published. Also, number for 1st/highest set in numbers are listing all as “1.”

Lastly, can bullets and numbers be mixed in the same outline?

https://idswiki.zumahost.com/bullet-number-list-examples/

It looks like I had a copy/paste error & a tiny typo (a comma before the first css rule) had crept into the stylesheet when I minified it which prevented the count incrementing for the top level list.

This is fixed in the new version in version 1.1.1.

My tests indicate that unordered lists can be included within ordered lists and vice-versa.

If you do find issues with nesting uls in ols or vice-versa, Please post some details including a link to the affected page so I can check it out, but first use a validation service such as https://validator.w3.org to confirm that are no problems with the list markup on the page.

Thanks Cubecolour! I’ll QA and let you know if this is resolved!

Cheers.

Hello!

The only issue I experience is the ul sub li item bullet points are not represented correctly on the frontend and backend. See the screenshots below.

How the bullet list appears on backend: https://www.dropbox.com/s/1g0u8m41pu0ygas/Screenshot%202015-10-13%2009.27.54.png?dl=0

How the bullet list appears on frontend:
https://www.dropbox.com/s/qsbeyyfj17a42x2/Screenshot%202015-10-13%2009.29.26.png?dl=0

Page URL: https://idswiki.zumahost.com/bullet-number-list-examples/