Hi, I just migrated from Freya to the Astra theme. My sidebar plugin still works great, but I notice the individual levels are no longer indented. For example:
Top level category+
Child category+
Individual post
All of these display left justified. I would like to be able to indent 2 spaces for each level, to show that they are different levels.
I know I could show this by changing colors, etc., but I would prefer indentation. Is there a way to do this within the plugin?
If not, the only other thing I could think of is a way to bulletize the individual posts. Just something to show that they are a different level from the child category above them.
Thank you!
Hi Miranda,
Each theme implements indentation in their own way. In this case, your theme is setting the indentation to 0 for all widget’s lists.
This may be resolved with a little custom CSS which will reset the indentation to your theme’s defaults for the Advanced Sidebar Menu widgets only:
Have a great day!
That worked perfectly, thank you!
One additional question–when a title is long enough to flow onto a second line in the sidebar, is it possible to indent the second line as well? An example would the third post from the top under “Miranda’s Blog 2019”
Hi Miranda,
I’m afraid I’m not aware of any way to do this because of the dynamic nature of the text. Indenting secondary lines is complex because you have to account first for the number of characters, then calculate where spaces are so you don’t break words apart. After that, you have to wrap the remaining words in a way which can be indented away from the rest of the element.
While theoretically possible, I don’t have a way to recommend doing this which would be stable enough to use on a production site.
Instead, maybe you can use some creative CSS to make the line-height smaller and separate the menu items to give them a more separated look:
That worked great! Thank you!