CSS to make the zoomed in item not a bigger font?

I don’t like how the font gets big when you zoom in. I want to focus my attention on the children, not be distracted by a big title. In fact I wish it went up into the breadcrumbs out of sight. But perhaps that’s not possible with CSS, so I am attempting to shrink it where it is.

.is-parent
{
font-size: 10pt;
}

This doesn’t work. Not sure what div class identifies what I want, or how to change a font size.

.Node.is-currentRoot > .Node-self .Node-contentContainer, .Node.is-currentRoot > .Node-self.is-heading .Node-contentContainer {
font-size: 10px;
}

3 Likes

:open_mouth: awesome! works great, thank you!!