Titlebar CSS

[Adam Stobbe]

I'm trying to figure out how to reduce the size of the titlebar via CSS (including the buttons) and am stuck trying to understand how the CSS works.

In developer tools when I inspect the area, I see this (below). When I uncheck the font-size there, it actually gets bigger and doesn't seem to affect the buttons

And then when I uncheck the font-size here - it greatly shrinks it (yay) but *way too much*

My poor understanding of CSS made me think that the strikeout meant that it was overridden by something else anyways, but it seems to change things - oh well.

Question is what I can add to a tiddler tagged with the $:/tags/Stylesheet to reduce the size a bit? I'm trying this and it's not doing anything...

tc-site-title { font-size: 0.5em; }

tc-titlebar { font-size: 0.5em; }

[clutterstack]

Hi @stobot -- first thing to check, without actually delving into which styling affects the heading, is: your stylesheet needs a dot before a class name:

.tc-site-title { font-size: 0.5em; }

For the tiddler title, since there are other things than the title in the titlebar, we want to select the h2 within it specifically:

.tc-titlebar h2 {
    font-size: 0.7em;
}

Hope that helps,

Chris

[Adam Stobbe]

Dangit - embarrassed it was something I should've seen - thanks Chris, appreciate the help!!

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/6cd18207-7704-4522-a398-011b70016bd4n%40googlegroups.com.

[clutterstack]

I struggle with that one -- what if I missed something I should know? Since usually the worst you'll get in this group is silence, at least it's a pretty safe place to ask when you're stuck.

Best,

Chris