CSS for Hierachy?

ohh.. and I forgot..
I also couldn’t find the CSS code that specifies the first line of the hierachy.
For example: 1. Headline

I would love to change the font.. size, and bold.

Thank you so much!

I see you’ve already figured out the CSS for the header. To adjust the the margin of the indent, use this CSS:

#ez-toc-container ul ul {
	margin: 0;
}

Hope that helps!

That’s great! THANK YOU SO MUCH!

The only thing I couldn’t figure out so far.. how I could possible change the font size and making the font bold, etc.

Here is a picture to showcase what font I would like to change:
https://www.mediafire.com/convkey/eefe/vbakyu2d3y0k7yvzg.jpg

Yes, that is pretty tricky to select, especially since your already have some custom CSS which has !important flags. This should do it….

#ez-toc-container.counter-hierarchy.counter-decimal .ez-toc-list > li:first-child > a {
	font-size: 16px !important;
	font-weight: bolder;
}

You are my true hero shazahm.. THANK YOU SO MUCH… it worked.

But as it wouldn’t be already complex enough.. you know.. I want to highlight each main-category with a bold text. With this, I am able to kinda visualize, that the first Topic, is always the MAIN Topic… followed by the sub-points.

Your CSS Code works perfectly for the 1st child… but I would like to have for all childs the first one bold.

I tried the following code to continue with Number2:

#ez-toc-container.counter-hierarchy.counter-decimal .ez-toc-list > li:second-child > a {
	font-size: 16px !important;
	font-weight: bolder;
}

However.. that didn’t work… I guess I just simple suck in coding… ufff….

How could I do this?
And how would the code look like?

Thank you so much for your help.. you rock!

So if I understand correctly you want to only affect the top level items; 1,2,3,4,5 and so on and not their respective children, correct? If it is, then you actually just remove the :first-child selector like so:

#ez-toc-container.counter-hierarchy.counter-decimal .ez-toc-list > li > a {
	font-size: 14px !important;
	font-weight: bolder;
	color: black !important;
}

YESSSSSS!!!!

YOU ARE AMAZING!!!!

Thank you so much shazahm – you made my day!!!!

one more thing I noticed, I could visualy improve.

Screenshot

If possible, I would like to add an extra line in between the red marked spaces.
If I can add this extra bracket, I guess it will be easier to clearly identify the HEAD TOPICS from their sub-topics.

Is this somehow doable with a CSS code?
What you think?

Similar to the last CSS selector:

#ez-toc-container.counter-hierarchy.counter-decimal .ez-toc-list > li {
	margin-bottom: 12px;
}

dammmm…. I can’t believe how stupid I am… haha.. I tried it all the time.. just with the margin-top .. but of course.. how about using the bottom?

OMG… feel really stupid now…

THANK YOU SO MUCH SHAZAHM – YOU ARE SIMPLE AWESOME!!!!