{"id":2272,"date":"2020-12-22T17:17:31","date_gmt":"2020-12-23T01:17:31","guid":{"rendered":"http:\/\/wonghoi.humgar.com\/blog\/?p=2272"},"modified":"2020-12-22T17:19:56","modified_gmt":"2020-12-23T01:19:56","slug":"nested-ordered-list-plugin-conflicts","status":"publish","type":"post","link":"https:\/\/wonghoi.humgar.com\/blog\/2020\/12\/22\/nested-ordered-list-plugin-conflicts\/","title":{"rendered":"Nested Ordered List Plugin Conflicts"},"content":{"rendered":"\n

I recently had problem with Enlighter plugin (for displaying code) being misaligned after upgrading my WordPress. The Enlighter text went outside the boxes in desktop browser mode and I contacted the author of the plugin for help in the forum, and learned it was actually Nested Order List (NOL) plugin that’s overriding the CSS rules<\/a> that defines the margins.<\/p>\n\n\n\n

Another user had similar problem NOL conflicting certain templates<\/a> and the author of NOL suggested similar causes that the CSS style from the plugin messed with other styles:<\/p>\n\n\n\n

.nested-list .entry-content ul,\n.nested-list .hentry ul {\n margin:.8em 0 .8em 1.4em\n}<\/pre>\n\n\n\n
The author suggested that the NOL plugin itself is not complicated to start with (it’s just adding a CSS), and the same functionality can achieved by adding this CSS to my WordPress theme template (pasting the following text under “Additional CSS”):<\/p>\n\n\n\n
.entry-content ol,\n.hentry ol {\n counter-reset:level1;\n}\n.entry-content ol ol,\n.hentry ol ol {\n counter-reset:level2\n}\n.entry-content ol ol ol,\n.hentry ol ol ol {\n counter-reset:level3\n}\n.entry-content ol>li,\n.hentry ol>li {\n list-style-type:none;\n line-height:1.4;\n text-indent:-1.5em\n}\n.entry-content ol>li:before,\n.hentry ol>li:before {\n content:counter(level1,decimal)'. ';\n counter-increment:level1;\n display:inline-block;\n text-align:right;\n text-transform:none;\n width:1em\n}\n.entry-content ol ol>li:before,\n.hentry ol ol>li:before {\n content:counter(level2,lower-alpha)'. ';\n counter-increment:level2\n}\n.entry-content ol ol ol>li:before,\n.hentry ol ol ol>li:before {\n content:counter(level3,lower-roman)'. ';\n counter-increment:level3\n}<\/pre>\n\n\n\n
It worked like a charm!<\/p>\n
<\/div>
<\/path><\/svg><\/i> \"Loading\"<\/p>
<\/div>","protected":false},"excerpt":{"rendered":"
I recently had problem with Enlighter plugin (for displaying code) being misaligned after upgrading my WordPress. The Enlighter text went outside the boxes in desktop browser mode and I contacted the author of the plugin for help in the forum, … Continue reading →<\/span><\/a><\/p>\n
<\/div>\n
<\/path><\/svg><\/i> \"Loading\"<\/p>\n
<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[52],"tags":[],"class_list":["post-2272","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/posts\/2272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/comments?post=2272"}],"version-history":[{"count":2,"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/posts\/2272\/revisions"}],"predecessor-version":[{"id":2275,"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/posts\/2272\/revisions\/2275"}],"wp:attachment":[{"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/media?parent=2272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/categories?post=2272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wonghoi.humgar.com\/blog\/wp-json\/wp\/v2\/tags?post=2272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}