Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author cubecolour

    (@numeeja)

    Can you provide a link to page on your site where I can see the issue?

    Thread Starter HK Griffin

    (@hkgriffin)

    The page is mentioned in the link above. Thanks humgar for copying the link here:
    https://smugliberal.link/2020/12/14/corruption-is-a-cancer-to-the-world/

    Plugin Author cubecolour

    (@numeeja)

    It looks like your site does not like the following CSS rule from the plugin

    .nested-list .entry-content ul,
    .nested-list .hentry ul {
     margin:.8em 0 .8em 1.4em
    }

    Can you provide a link to a page on the same site where ordered lists are used?

    Thread Starter HK Griffin

    (@hkgriffin)

    Made a test post for that. “NOL Classic Item”s uses Classic Editor and nesting from your plugin, and “Block Lists” uses Blocks.
    https://smugliberal.link/2020/12/19/nested-order-list-test/

    Does your plugin applies to both Lists Blocks or it’s just for the classic editor?

    Plugin Author cubecolour

    (@numeeja)

    the plugin adds styles to all lists. it was created before the block editor (aka gutenberg) was added to WordPress.

    The plugin appears to be working as intended in that it overrides the default style for lists, however for your site it appears that lists added via the block editor need to use a value for the margin which the plugin overrides.

    As the plugin only adds a stylessheet, to gain similar functionality of the plugin on your site without affecting the site’s margin values you can deactivate and delete the plugin and copy a version of the plugin’s stylesheet into your site’s custom styles containing the styles for the ordered lists without the ‘nested list’ class added to the body tag and without the margin values.

    eg:

    
    .entry-content ol,
    .hentry ol {
     counter-reset:level1;
    }
    .entry-content ol ol,
    .hentry ol ol {
     counter-reset:level2
    }
    .entry-content ol ol ol,
    .hentry ol ol ol {
     counter-reset:level3
    }
    .entry-content ol>li,
    .hentry ol>li {
     list-style-type:none;
     line-height:1.4;
     text-indent:-1.5em
    }
    .entry-content ol>li:before,
    .hentry ol>li:before {
     content:counter(level1,decimal)'. ';
     counter-increment:level1;
     display:inline-block;
     text-align:right;
     text-transform:none;
     width:1em
    }
    .entry-content ol ol>li:before,
    .hentry ol ol>li:before {
     content:counter(level2,lower-alpha)'. ';
     counter-increment:level2
    }
    .entry-content ol ol ol>li:before,
    .hentry ol ol ol>li:before {
     content:counter(level3,lower-roman)'. ';
     counter-increment:level3
    }
    
    Thread Starter HK Griffin

    (@hkgriffin)

    Thanks. It seems like the nesting with 3 different styles of number identifiers after I removed the plugin. Maybe new WP already supported it?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Nested Ordered Lists conflicts with lists block in desktop layout’ is closed to new replies.