ThemeShaper Forums » Thematic

[closed]

font-size and .hentry { }

(3 posts)
  • Started 10 years ago by kjbgu04
  • Latest reply from helgatheviking
  • This topic is not resolved
  1. kjbgu04
    Member

    Hello, somewhat or a Wordpress/CSS beginner trying to get a hosted website off the ground and could use some advice with text size and spacing. Working with the site http://kevinburel.net/wordpress/?page_id=21. Have two challenges with this page as currently structured:

    1. The font size is too small, making the text hard to read.
    2. The line height is too short, causing text elements that hang below the line like g, p, and q to be truncated.

    I am using a custom theme that offers no ability to specify a text size in the menu...have to do it all through HTML/CSS. I tried the code body { font-size: 13px; line-height: 24px; } and it worked to make my text larger but it made the elements in my left-hand menu bar wider than the bar itself.

    Someone suggested the .hentry { } command to exempt certain elements from the effects of the font-size code...allowing my post text to be readable without messing up my menu. But I don't know how to use .hentry { }. What goes between the brackets? The CSS stylesheets exempted from the font-size code? And where in my code should .hentry { } go?

    Thanks for your time and advice to a newbie.

    Posted 10 years ago #
  2. kwight
    Member

    Hi,
    .hentry is the CSS class assigned to the "content" part of your WordPress page. You can do to .hentry what you've tried doing with the body tag, so that the change in font only happens to the content (without mucking up your menus):

    .hentry { font-size: 13px; line-height: 24px; }

    Using Firebug with Firefox will help you a lot to visualize what is what on a WordPress/Thematic page.

    Posted 10 years ago #
  3. i'd probably go w/

    body { font-size: 13px; line-height: 24px; }

    #menu { font-size: whatever smaller size you want; }

    the size will be the body font size everywhere there isn't a more specific declaration (like #menu)

    agree 100% w/ kwight about http://www.getfirebug.com

    btw- you do know that this is a forum for the Thematic theme framework and your theme is a Graph Paper press theme?

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.