Tagged: categories, enfold, hierarchy, indent, list
I have a sidebar widget for the blog page on an Enfold install, and the category hierarchy is only visible on the page if the ‘Display as dropdown’ option is ticked. If that is unticked, then all of the categories are listed with no indent, unlike the default WordPress themes. Is there any way to get this indent showing, it’s really unusable witn no indent when you have many categories, and the drop-down list looks unprofessional.
To get an idea of what I mean, here are screen grabs of the sidebar menu with the default 2016 theme and the Enfold theme.
Hey kopperdrake,
Thank you for using Enfold.
Please add this css code in the Quick CSS field to create indentations.
#top .widget ul {
list-style-type: disc;
}
#top .widget .children {
padding-left: 10px;
}
#top .widget .children .children {
padding-left: 20px;
}
Best regards,
Ismael
Thanks Ismael – perfect :D
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Rikard,
I run into the same issue, but your solution does not work for me. I’m running Enfold 4.4.1
Thanks, Tjerk
I figured something out … this works for me. (I have only 1 sublevel deep)
ul.children {
padding-left: 14px!important;
}
Hi 1000zen,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria