Question

Good morning,

I am creating my 1st WordPress theme from scratch and I have hit my 1st barrier.

If you take a look at my progress so far;

http://www.trevorpeters.co.uk/brad/?page_id=4

You will see that the CSS is linked correctly, but the H1 tag and P tag are not taking all of the attributes from the defined style, In Mozilla Firefox dev tools, some of the attributes are crossed out but are NOT being overwritten by any other styles.

Thanks, Brad Houston

Answer 1

Your styles get overridden by reset.css line 92. You can have a look at computed styles in the dev tools to have a look which style finally is applied to your element and the name of the source this style comes from. This is very handy when there are a lot of styles overriding each other.

You need to switch the order of your style.css and reset.css and then everything should be fine, because now your stylesheet overrides the default settings of the reset.css.