3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

font

by chuojukwu Banned
3 replies
  • WEB DESIGN
    • |
please help. i recently created a blog at onlineprenuer.com, but i am having problem with the font of my posts. the appear to small and the distance between the lines are too compact. i have tried to solve this probem by changing font size but none solves the problem. i believe that it has to do with the theme i am using but i dont know how to go about it. i am usiing gazette edition by woo. please help. thanks
#font
  • Profile picture of the author Peter Stavrou
    If you have a CSS area in your theme enter:

    .entry p {
    font-size: 14px !important;
    }
    If you still need to change the space between the lines use this instead:

    .entry p {
    font-size: 14px !important;
    line-height: 22px !important;
    }
    If you can't find the custom CSS area then you'll need to add it to your styles.css but I do recommend you use a Child-Theme if you know how to set one up.
    Signature

    Online Business Made Simple!
    http://www.PeterStavrou.com

    {{ DiscussionBoard.errors[10579949].message }}
    • Profile picture of the author chuojukwu
      Banned
      thanks a lot. I give it a trial.
      {{ DiscussionBoard.errors[10581026].message }}
  • Profile picture of the author David V
    Originally Posted by chuojukwu View Post

    please help. i recently created a blog at onlineprenuer.com, but i am having problem with the font of my posts. the appear to small and the distance between the lines are too compact. i have tried to solve this probem by changing font size but none solves the problem. i believe that it has to do with the theme i am using but i dont know how to go about it. i am usiing gazette edition by woo. please help. thanks
    You font sizes are tiny everywhere. I also noticed some of your posts are entirely h3 and not p.

    You base font size is set here:

    style.css line 17

    HTML Code:
    body {
    color: #666666;
    background-color: #eaf7ff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}
    Your home boxes with the tiny font size is here:

    style.css Line 467

    HTML Code:
    .box .post p {
    font-size: 11px;
    padding: 5px 10px;
}
    Your p tags for the entry content can be found here:

    HTML Code:
    .entry p {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
}
    I also noticed some of your posts are entirely h3's, and are also really tiny and can be found here:

    style.css line 491

    HTML Code:
    .post-alt h3 {
    font-size: 13px;
    padding-bottom: 5px;
    line-height: 18px;
    color: #000000;
}
    You should only have to use the "!important" in rare circumstances, but not in this case. Good css with the right inheritance will not need it.
    Change your base font sizes, than use the developer console in Chrome or Firefox (or whatever your browser) and you can quickly find the css reference for the area that's not the right size.
    {{ DiscussionBoard.errors[10581111].message }}

Trending Topics