Different styles for nested lists not working

  • Resolved OC2PS

    (@sooskriszta)


    9 months, 1 week ago

    Following on from this thread, I installed this plugin, which enabled me to use roman numerals for the list item markers.

    However, I am struggling with the following issues:

    1. The list item markers are not followed by separators “.”, e.g., I am getting “III” instead of “III.”
    2. At lower levels – Level 2 and Level 3 – the list item markers are preceded by unoredered list markers, i.e., bullets.
    3. It appears that the plugin assumes once a nested list starts, any subsequent lists are within that list, even if that subsequent list is a different block.
    4. Most importantly, I would like different levels of the list to use different list item markers/styles, e.g., “6. IV. b.” The plugin FAQ item 3 says “Yes, since WordPress 6.3 you could create list where this plugin supports to set different list-styles for each list.” but doesn’t explain how.

    I am using WordPress 6.5.5 and Genesis Framework 3.5.0

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author threadi

    (@threadi)

    9 months ago

    Hello and thank you for your input. First of all: since the plugin uses pure CSS formatting, unfortunately not everything is so easy to do – also because browsers like Chrome surprisingly do not yet fully support such formatting.

    On point 1: Since the prefix for the numbering is viewed differently by different users, I have not yet built in an option for it. It is also difficult to make it variable using CSS. A quick solution for you would be the following CSS code:

    body ol.nolg-list[type=i2] > li:before { content: counters(l1, ".", upper-roman) ". "; }

    You have to enter this in your project in the Custom CSS (e.g. under Appearance > Customizer > Additional CSS). Then all uppercase Roman numerals would have a following “.” as a prefix.

    On point 2: since WordPress 6.3 you unfortunately have to save the styles of the subordinate lists again (select the list block and click on Save), then it works for me at least. Since the lists have changed in many Gutenberg releases, I haven’t implemented it any better yet – but it’s still on my list as soon as Gutenberg sees it as really stable.

    On point 3: The inheritance of the styling is automatically activated on the list block, but you can also deactivate it here. Take a look here:

    View post on imgur.com

    On point 4: take a look at the video on ordered lists in the Block Editor documentation: https://wordpress.org/documentation/article/list-block/#ordered-list – there you can see that a new list block is created for each sub-list. Click on each one to adjust the settings for displaying the sub-list.

    Your comments have just led me to a bug that will be fixed in the next update. Unfortunately, the sub-lists currently show the style of the parent list (depending on the combination of formatting), even if inheritance is deactivated. That should be fine in the next update.

Viewing 1 replies (of 1 total)
  • The topic ‘Different styles for nested lists not working’ is closed to new replies.