Ok, so time to look under the hood a bit at the monospace theme css. First step will be to just open the page in chrome, and then inspect element.

So, the blog title just inherits the default font size of 38.5px from the bootstrap.min.css. This is also the same in the unminified bootstrap.css. This is way too big. However, I see it's given an ID of "blog-title". This may be handy. Now let's look at the post titles. I'm guessing this is the same thing.

And indeed it is. But, no ID. Monospace has it's own css in /themes/monospace/assets/css called "theme.css". Thankfully it's very short and very readable. Easy enough to add a "font-size: 22px" to the blog-title id. Thus, this:

#blog-title { margin-top: 0; line-height:48px;}

becomes this:

#blog-title { margin-top: 0; line-height:48px; font-size: 22px;}

Save, and then

nikola build
nikola serve -b

And voila! No more over-sized blog title! Now to fix the post titles. Monospace does not give these their own ID/class, and I don't want to change h1 globally. Viewing the source, I see that posts themselves are given a class of "postbox". Let's find that in the css. And it's nowhere. It is in fact inside /themes/monospace/templates in a file called "index.tmpl". Aha! This is what generates the index.html for the post, and there it is on line 8:

<h1><a href="${post.permalink()}">${post.title()}</a></h1>

Let's change the h1 to something a bit smaller, like h3:

<h3><a href="${post.permalink()}">${post.title()}</a></h3>

Much better. Next, I may have to work on the gray box, and the spacing between the posts could use some work as well. Also, implementing comments!