Forums

I am dynamically loading a css page after a user logs in.

But I can not figure out how to load and and override the defualt yui css.
I have read about insertBefore but I can not get it to work.

I have
<style id="styleoverrides" type="text/css"></style>

as the first item in the body

then in my js i call.
var options = {
insertBefore: 'styleoverrides'
};
Y.Get.css(data.css, options);

- data.css contains my css file name

i am trying to override an accordion node object that is created a little later in the script.
How do i do this?

Yes and No
I understand what we are trying to do, but exactly the way is alluding me.

I have
<link id="yuiinject" />
before any css links in the head ( i tried it after as well)
I have
<style id="styleoverrides" type="text/css"></style>
after my head closes and before the body

My script
YUI({
insertBefore: 'yuiinject',
...
}).use( ...

and my get.css - called after a io calls and stuff

var options = {
insertBefore: 'styleoverrides'
};
Y.Get.css(data.css, options);

I can look in firebug and see where my css is overridden by the yui css classes
What am I missing?

Ok here is the link on jsFiddle

http://jsfiddle.net/EKFZW/

I don't know how well it translates since i am loading the css on the fly
On my side the padding of 0px is being overridden by the yui3 padding of 5px

that did it thanks!