[Solved] Override bootstrap 3.3.1 h1

[Alien]

Hi,

I searched for this common question, but i can’t get it to work.

I need to override bootstrap h1 h3 h6 (all h i guess). Using an original bootstrap css and a custom style.css file
problem: <h1 class=”header”> isn’t working.
I have the normal h1, which currently is being used on index.html. h1.header and .header h1 none of these is working.

Here is a codepen
http://codepen.io/anon/pen/MYoVRx (you can’t see the problem here, but that’s the html and css)

Here is my website i’m developping. (just switch between “home” and “blog”) The lettertype isn’t applied on blog.html where i’m using bootstrap. I think as a result the navbar & header jump out of sync as well.
http://users.telenet.be/waege/index.html

[Paulie_D]

Inspect the element using the Developer Tools that come with your browser and see what rules apply.

Then override as require.

[Alien]

Fixed.

Solution:

define body{ font family: and using .header instead of a h1.header

[Author]

Posts