WordPress.org

Ready to get started?Download WordPress

Forums

I Need Your Aesthetic & Technical Opinion (16 posts)

  1. ealvin
    Member
    Posted 9 years ago #

    I'd like to have my main post headline and body font size increased a bit. They both seem too small to me. I don't know if this would create a "jammed in" effect. I use the 3-column Dots template. Can I do this and still have the blog aestethically pleasing?

    My blog is at http://www.scoremoreclients.com/blog. The CSS style sheet is wp-content/themes/dots/style.css

    If you think this is possible, I'd appreciate your recommendation as far as font sizes and your help in showing me specifically where & what to change to accomplish this?

    I hope I've given you enough information. Thanks for your help.

  2. talikan
    Member
    Posted 9 years ago #

    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.

  3. ealvin
    Member
    Posted 9 years ago #

    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.

  4. moshu
    Member
    Posted 9 years ago #

    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;
    }

  5. ealvin
    Member
    Posted 9 years ago #

    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.

  6. moshu
    Member
    Posted 9 years ago #

    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;}

  7. ealvin
    Member
    Posted 9 years ago #

    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!

  8. ealvin
    Member
    Posted 9 years ago #

    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.

  9. moshu
    Member
    Posted 9 years ago #

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

  10. ealvin
    Member
    Posted 9 years ago #

    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.

  11. moshu
    Member
    Posted 9 years ago #

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

  12. ealvin
    Member
    Posted 9 years ago #

    You're the greatest! Have a great night.

  13. ealvin
    Member
    Posted 9 years ago #

    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?

  14. ealvin
    Member
    Posted 9 years ago #

    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.

  15. moshu
    Member
    Posted 9 years ago #

    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;
    }

  16. ealvin
    Member
    Posted 9 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.