CodeIgniter Forums

Full Version: H1,H2 headings are to big
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
At the top your css (did you paste it twice??), you have:
Code:
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {font-size: 1em; font-weight: normal; font-style: normal;}

Further down, you have:
Code:
h1 { font-size: 2.25em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: .8em; line-height:2em;}

Those later settings overwrite the settings at the top.

Please, if you share code, put it inside code or php tags (there are buttons for that on the button bar of the text editor). Here, I used the Code button. Php code looks like this if it's inside the right tags:
PHP Code:
$title 'This is my website';
echo 
$title
I have tried to remove the double code but it is always the same.
I try to post my header.php and style.php in the right way.
Can anyone make a good style css please?
Is your style.css activated? It says:
Code:
media="tekst"
This media type is not valid, so chances are the the styles are not applied to your web page.
Valid media types voor css3 are: all, print, screen and speech.
Hello Wouter, yes the style.css is actieve.
What do i for correct this?
Thanks for your help
You still have more than one setting for the font-size of h1, h2 etc.
At the top of style.css you set it to 1em.
Further down, your h1 is set to 18px.

Right click on the element in your browser and choose "Element inspecteren". It will show you what css styles are active and which css file is responsible for it.
(10-01-2017, 02:01 PM)Wouter60 Wrote: [ -> ]You still have more than one setting for the font-size of h1, h2 etc.
At the top of style.css you set it to 1em.
Further down, your h1 is set to 18px.

Right click on the element in your browser and choose "Element inspecteren". It will show you what css styles are active and which css file is responsible for it.

Thanks for the tip. Here I'm still learning about.
I appreciate your answers and learning.
What does this striking code mean?
Many css codes take that from bootstrap.
How do I convert those h1, h2, h3 etc to style.css?
Sorry for my bad english I work with translation site
Check your css for errors:
https://jigsaw.w3.org/css-validator/validator

From the point where your css file contains errors, the rest of it is being ignored.
Pages: 1 2