How to Increase the Height and Button Size in the Menu Bar?

#1

Hi everyone,

I’m using the official TiddlyWiki menu bar plugin and I find the default height and button sizes a bit too small for my liking.

Here’s a screenshot of my current menu bar:

image
image1208×122 6.93 KB

I have some preliminary knowledge of CSS and managed to increase the bar’s height by adding the following to my custom stylesheet (not sure if I followed the best practice though):

nav.tc-menubar li.tc-menubar-item > a, nav.tc-menubar li.tc-menubar-item > button {
	line-height: 1.5;
}

While this successfully made the bar taller, it didn’t scale the buttons or the text accordingly, so the overall look is now a bit unbalanced.

Could anyone please help me with the CSS to increase the size of all buttons and font size in the menu bar?

Any guidance would be much appreciated!

#2

I found a solution:

nav.tc-menubar li.tc-menubar-item {
    font-size: 150%;   /* or 1.5em */
}
1 Like