How to load a CSS style sheet [closed]

Question

So I basically got my own whole css layout and I want to change the layout of my magento frontend. I've looked into this post: https://stackoverflow.com/questions/17050668/how-to-apply-css-to-magento-cms-page but it's not loading my css in. I did this:

I added to Custom Layout Update XML:

<reference name="head">
<action method="addCss"><stylesheet>csstest/style.css</stylesheet></action>
</reference>

and in my html editor I got this:

<div class="header">&nbsp;</div>
<div class="header_2">&nbsp;</div>

Css just in case:

.header{
width:80%;
margin-left:10%;
height:15%;

/*border-radius:12px; */
background-color:white;
}

.header_2{
width:80%;
margin-left:10%;
height:5%;
background-color:grey;
font-size:200%;
}   

My style.css is in this directory:/skin/frontend/default/csstest I also tried to put it in: skin/frontend/default/default/css

Am I forgetting something?

Answer 1

Better use this syntax:

<reference name="head">
    <action method="addItem">
        <type>skin_css</type>
        <name>csstest/style.css</name>
    </action>
</reference>

Answer 2

Just curious, why are you not using a local xml and local css combo. Also, have you updated your configuration to pull from the right design package and themes?

Its in System > General > Design >

Package should be where the files is loaded from initially. Normally set to default theme package. And theme is if you have created a new theme folder. This needs to match exactly where you are loading you templates / skins / layouts and all lower case.

Lastly, I think your syntax is slightly wrong for the xml file. Here is some more info about local xml and syntax.

https://stackoverflow.com/questions/25156808/magento-custom-css-overridden-by-parent-css-using-local-xml