Results 1 to 2 of 2

Thread: too small font

  1. #1
    Join Date
    Jul 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default too small font

    my website is bagnest.com but the font is too small,how call i change it?
    Last edited by jscheuer1; 07-20-2010 at 03:09 PM. Reason: remove hot link

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The problem is that the entire page is built upon setting this style for the body (extra spaces removed, from the stylesheet.css file):

    Code:
    body {
    	background:#fff url(../images/bg.gif);
    	margin:0;
    	font-size:12px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #000000;
    	line-height:150%;
    	text-align:center; padding:0;
    }
    Now, that's pretty small. The default is 16px, and using px as units isn't the best idea, though in modern browsers it's not as big of a deal as it used to be.

    But you cannot just change it there because doing so will impact too many things, including how the page lays out. You may have to go through each element or at least each class of element that has text in it and set it for each of those individually.

    However, I found that in limited testing that adding this rule to the stylesheet:

    Code:
    body * * * * * * * {
    font-size: 13px;
    }
    seems to target what needs to be larger. I also tried:

    Code:
    body * * * * * * * {
    font-size: 14px;
    }
    It's a matter of opinion, but that seemed almost too much for the layout to handle.

    Now, either of these may or may not work out for you on this and/or other pages. But if one of them does, it's the easiest thing.

    Otherwise you will need to go through the selectors one at time more or less to determine which ones to increase. And if you want much of an increase, in order to fit the larger text into the space allotted for it, you may have to change other styles and/or the layout itself.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •