How to use css to hide H1?

[kerenlow]

Hello,

how to use css to hide the ugly big font H1? Anyone can provide the code here? Thanks alot.

 

[Albino]

what do you mean hide it?

if you use

h1{

visibility:none;

}

that will completely hide the h1 content.

to change the font, use font-family, font-size etc

 

[kerenlow]

Hmm I mean to make the font don't look so big by using css.

Thanks for the code I think I know what to do next.

 

[Venture]

h1 {font: 500 12px arial, verdana;}

{bold size font-type}

If you want to use the same style sheet but have different h1 on other pages.

h1.example {font: 500 12px arial, verdana;}

h1.differ {font: 800 15px tahoma;}

<h1 class="example">Header</h1>

<h1 class="differ">Different Header</h1>

 

[Albino]

putting your font in pixels is a bad idea though

 

[Venture]

please explain why...

edit* never mind - internet explorer doesn't allow users to change text size if pixels are declared. What is the best option to use instead of pixels?

 

[ace]

em works well. and to retain the pixel sizing you're familiar with, try this:

body {font-size:62.5%}

"From now on it’s easy to think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc."

 

[Albino]

either setting a height via a %/em, or pt