How do I change the header font size in the css sheet

  • Author
    Posts
  • #285006

    lobaf
    Member

    This is the theme: DePo Masthead by Derek Powazek/Noel Jackson
    Please let me know how I can change the header size to make it smaller.
    Thanks!!

    #285257

    lobaf
    Member

    Sorry, I reposted the question twice.

    #285261

    rosclarke
    Member

    Please give us a direct link to your blog (or ideally, link your username to your blog) so that we can see how to help you.

    #285262

    lobaf
    Member

    The link is: http://www.roxxn.wordpress.com

    Thank you!

    #285415

    chasflemming
    Member

    Do you have the CSS upgrade?

    If so, try this:

    .name {
    font-size:12px!important;
    }

    h1 {
    font-size:60px!important;
    margin:5px!important;
    }

    Just play with the numbers.

    “.name” controls the reversed-out copy (“STYLE, DESIGN & MORE”).

    “h1” controls the big header (“Roxxn.com”).

    rosclarke taught me how to do that.

    #285437

    devblog
    Member

    For font size don’t use pixel units (i.e. 12px), is of bad practice. Instead, is recommended to use em units or percentage.

    This table may be of help if you wanna know what’s the em or % equivalent to pixel units.

    HTH

    #285438

    devblog
    Member

    For font size don’t use pixel units (i.e. 12px), is of bad practice. Instead, is recommended to use em units or percentage.

    This table may be of help if you wanna know what’s the em or % equivalent to pixel units.

    HTH

    #285439

    rosclarke
    Member

    What’s the reason for that, devblog?

    #285447

    devblog
    Member

    For accessibility reasons and because pixels are absolute units, which means that if a user is having difficulty reading your text he or she won’t be able to make the font bigger because it’s been defined in pixels. However, if you define your font size using “ems” or “%”, then the reader would be able to zoom in the text making it easier for him/her to read.

    Although modern browsers have the ability to make the text bigger, even if the font size is defined by pixel units, there are a LOT of people who still use IE6.

    #285448

    chasflemming
    Member

    Thanks, devblog, I’m going to experiment with that on my test blog and see what results.

    I notice some sample code puts both pixels and em. Is THAT okay?

    #285466

    devblog
    Member

    To me, is not okay. Personally, I don’t “mix” them because I like to be consistent. Also, I wouldn’t recommend such practice.

    HTH.

    #285496

    chasflemming
    Member

    So you don’t agree with the famous American saying, “A foolish consistency is the hobgoblin of small minds”?

    #285500

    devblog
    Member

    no

The topic ‘How do I change the header font size in the css sheet’ is closed to new replies.