I Need Your Aesthetic & Technical Opinion

Seems fine to me! Font sizes look like the right amount. If you were going to change them, I’d say only add a couple pixels to their size, or if you are using em for the size, then add .1 or .2 em, but that’s all.

Could someone tell what what to change (and where to change it) to make the main body text the same size as the text in the left border? Thanks.

Actually the text size is the same in both places (11px).
To change both of them you can open your style.css file and find this
p, li, td, caption, input, select, textarea {
font-size: 11px;
font-weight: normal;
}

Change that 11px value to whatever you wish (12 would do it).

To change the size of the post titles’ – find this:
#content div.post h3 {
color: #4B5340;
font-size: 13px;
margin: 7px 0 3px 0;
padding: 0;
}

Thanks moshu, that did it. BTW, on the left side of the page the Blogroll is quite large. If I wanted to make it the same size as “Pages” and “Categories,” how would I change that? I really appreciate your help.

Too bad I don’t bet… LOL
I was sure this will be you next question, and I already prepared the answer:
In your style in the menu section add this:
#menu h2 {font-size:12px;}

You can be the next amazing Kreskin. ??

I tried putting it in #menu {
but it didn’t seem to change.
Then I deleted it there and put it in #content h2 {
and that didn’t get it either. Help!

Oops! I just figured this out. I didn’t make myself clear. What I wanted to change wasn’t my entire Blogroll, but the work “Blogroll,” which is far and away the biggest text size on my blog. I want to get it the same size as the other categories, such as “pages” and “categories.” Thanks, sorry for the confusion.

No, use it as a separate line in the part where the other menu stuff is, like this
#menu h2 {
font-size: 12px;
}

Got it. Now for the last question of the night. That worked but I have a blank line between the word “Blogroll” and the first blog name. How can I eliminate that so the spacing looks like the others?

Oh, and thanks again.

#menu h2 {
font-size: 12px;
margin-bottom: 0; <=== add this line
}

You’re the greatest! Have a great night.

When I made the #menu in those two places I mentioned before, it changed the size of the blogs listed in my Blogroll. I’d love to return it to it’s previous size, which was slightly smaller than it is now. Any idea how to change that back?

Hi. I haven’t heard back from anyone regarding my last post which was almost 24 hours ago. Before making this change …

#menu h2 {
font-size: 12px;
margin-bottom: 0; <=== add this line
}

My left panel text was smaller than my main body text. After the change, it looks larger. I tried making the font-size smaller but it didn’t seem to change anything. I’m real happy with my text size of the body I’d just like to get the sidebars a little smaller than they are. Any ideas? Thanks.

Actually, my friend, you did NOT do the changes as you stated above ??
You have this in your stylesheet:
}
#menu h2 {
font-size: 10px;
margin-bottom: 0;
}
That’s why the word “Blogroll” is small…

As for the font size in the menu this is what you wanted:
to make the main body text the same size as the text in the left border
Now they are the same size = 12 px.
==========
And a lesson: always, I mean ALWAYS keep a backup of any file you are tweaking! (e.g. save as orig_style.css file and keep it on your computer, so if anything goes wrong you can always go back to the original!)

Now about left sidebar:
find this
#menu ul li ul li a, #menu ul li ul li a:link, #calendar td a, #calendar td a:link {
color: #4B5340;
}
and replace with this (if you want the font-size smaller in the left sidebar)

#menu ul li ul li a, #menu ul li ul li a:link {
font-size: 11px;
color: #4B5340;
}

#calendar td a, #calendar td a:link {
color: #4B5340;
}

Thanks, that got it. I would never have thought “calendar” would have anything to do with this. I appreciate your help.