What's wrong with my site?

Discussion in 'HTML & Website Design' started by Computerized, Jan 21, 2007.

  1. #1
    http://silkroadguides.com

    Okay, well, I was editting the template of the site, adding Adsense and it was working well, until I checked my site again and saw that the font was huge! I don't know what I did to make it like that, because when I checked my site after my last update, it wasn't like that.

    Can anyone help? :confused:
     
    Computerized, Jan 21, 2007 IP
  2. davidelvar

    davidelvar Well-Known Member

    Messages:
    568
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    130
    #2
    hmm.... maby it's.

    • Some settings in the control panel
    • stylesheet issue
     
    davidelvar, Jan 21, 2007 IP
  3. audax

    audax Peon

    Messages:
    83
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It seems to be a stylesheet issue.

    The part of the stylesheet that's making the heading so big is:
    h1 {
    	font-size: 4em;
    	text-align: right;
    	}
    Code (markup):
    Since it's measuring it in em units. Lower it to make the font size smaller.

    For the entries, try adding this somewhere to your stylesheet:

    .entry p {
    	font-size: 9px;
    	}
    Code (markup):
    You can change the 9px part to whatever size you want.


    Now I'm not sure if that's going to help or fix the problem as I haven't tested it, but it looks like it would.
     
    audax, Jan 21, 2007 IP
  4. projectshifter

    projectshifter Peon

    Messages:
    394
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Not sure exactly which font size you're talking about, but audux is probably dead-on. Worst case you can put <span style="font-size: 10px;">TEXT</span> wherever you're finding it's too large and resize it for that only.
     
    projectshifter, Jan 21, 2007 IP
  5. ccoonen

    ccoonen Well-Known Member

    Messages:
    1,606
    Likes Received:
    71
    Best Answers:
    0
    Trophy Points:
    160
    #5
    To keep it compliant, set your Body at a Font Size like font-size:medium or font-size:large;

    Then everywhere else just use percentages:

    p { font-size:85%; } - this way your site will scale and will work cross-browser :)
     
    ccoonen, Jan 21, 2007 IP
  6. projectshifter

    projectshifter Peon

    Messages:
    394
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #6
    It really depends on what you're doing. For most cases if you have the font sizes dynamic like that, you're going to get undesired results in more cases than you realize. I've had many sites look very poor in Linux for me for this reason. Using pixel sizes is generally more accepted.
     
    projectshifter, Jan 21, 2007 IP
  7. ccoonen

    ccoonen Well-Known Member

    Messages:
    1,606
    Likes Received:
    71
    Best Answers:
    0
    Trophy Points:
    160
    #7
    If you don't want your font to scale in all browsers when you increase font-size, sure.
     
    ccoonen, Jan 22, 2007 IP