CodeIgniter Forums
H1,H2 headings are to big - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: General (https://forum.codeigniter.com/forum-1.html)
+--- Forum: Lounge (https://forum.codeigniter.com/forum-3.html)
+--- Thread: H1,H2 headings are to big (/thread-68973.html)

Pages: 1 2


RE: H1,H2 headings are to big - Wouter60 - 09-28-2017

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



RE: H1,H2 headings are to big - CodeNoobGniter - 09-30-2017

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?


RE: H1,H2 headings are to big - Wouter60 - 10-01-2017

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.


RE: H1,H2 headings are to big - CodeNoobGniter - 10-01-2017

Hello Wouter, yes the style.css is actieve.
What do i for correct this?
Thanks for your help


RE: H1,H2 headings are to big - Wouter60 - 10-01-2017

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.


RE: H1,H2 headings are to big - CodeNoobGniter - 10-01-2017

(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


RE: H1,H2 headings are to big - Wouter60 - 10-02-2017

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.