Docsify: Associate CSS with sidebar sections

[Kikobeats]

Hello,

I want to style different sidebar sections.

In the screenshot, notification correspond to a h4 in markdown and the rest are h5.

The problem I found is a css class is not associated with the markup generated in the sidebar, so I can't apply different style.

right now

<li class="">
  <a class="section-link" href="#/?id=notification">notification</a>
</li>

expected

<li class="">
  <a class="section-link sidebar-h4" href="#/?id=notification">notification</a>
</li>

[cheng-kang]

You can target h4 level subside bar element by using .sidebar-nav > ul > li > ul > li > ul > ul > ul > li.

[Kikobeats]

not too intuitive 🤔

[cheng-kang]

It's not ideal, but meets the need.

[didiraja]

Just what I needed, really into specify classname to elements

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Kikobeats]

EH EH DONT CLOSE BRO

[anikethsaha]

Please can you describe the issue you are requesting .
The screen shot is not showing. maybe the link expired.

Please check

[anikethsaha]

ok please correct me if I am wrong

you want to add sidebar-h4 class to the li > a for sidebar-section ?

[trusktr]

I opened an issue about making better markup for the sidebar, https://github.com/docsifyjs/docsify/issues/1181, before I saw this one.

[trusktr]

I'll close this one in favor of the other one, where we can discuss more markup changes that in general can make the sidebar styling/theming more robust.