Indenting lists and sub-lists in custom blogger templates.
After updating this blog's template I noticed that the lists were now incorrectly spaced and no longer indented. To fix the issue I added the following customizations to the HTML.
Scanning through the code I found that the main posts widget was declared within the "post-content" division tags, adding the following CSS Stylesheet information for the division correctly fixed the indentation and spacing of the lists in the posts.
HTML CSS Stylesheet Code
<!-- Primary List Item -->
.post-content ul li {
list-style-type: disc;
margin-left : 0px;
padding: 0 0 5px 0;
}
<!-- Secondary List Item -->
.post-content ul ul li {
list-style-type: circle;
margin-left : 20px;
padding: 0 0 5px 0;
}
With these changes, lists are now correctly spaced and indented.
Example List
0 Comments Received
Leave A Reply