• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 202
  • Last Modified:

CSS

See attached CSS.

I changed the font size in body to 1.2 em (it was previously 0.95 em).

After doing this, the font size on <h4> changes too.

Why? I want <h4> & all the other <h> to say as they are specified.
style1.css
0
Richard Korts
Asked:
Richard Korts
  • 3
  • 3
1 Solution
 
haloexpertsexchangeCommented:
h4s are still a part of the body so anything that you do to the body will affect the h4s.
0
 
Richard KortsAuthor Commented:
to haloexpertsexchange:

So the fact that <h4> has it's own font specified does NOT override <body>?

How can I force it to do what I want?

Do I have to put some kind of "container" around the body & specify the font there? Then will <h4>, etc., override that?

Thanks
0
 
Gurvinder Pal SinghCommented:
Yes, specify a font for h4 to override that
0
Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

 
haloexpertsexchangeCommented:
it depends on the order that you have them declared in your css file.
if you have h4 declared first and then have the body declared the body will overwrite the css specified for the h4.
Also if you don't have a size declared for the h4 but do have one on the body it will take the one from the body even if you have other font attributes declared for the h4.
0
 
Richard KortsAuthor Commented:
To haloexpertsexchange:

Please look at the css file attached to the original posting.

I did not write this css myself, I inherited it.

Note that <body> precedes <h4> and <h4> has it's own font specification (which does not seem to apply).
Maybe I have to use in-line style where I want it?
0
 
haloexpertsexchangeCommented:
I think the reason that all of your fonts are getting bigger is because you are using ems.
http://w3schools.com/cssref/css_units.asp

ems are relative font sizes so if you made your main font size larger it would stand to reason that if the h4 is .9 em of the overall standard font size that if you make the body font size larger you get a larger h4 and any other font-size declarations would also be proportionately larger.

from w3schools       
1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses
0
 
Richard KortsAuthor Commented:
I changed all the em designations to px or pt.

Works perfectly.

Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now