Create overwriting CSS file

[TheRealso0sick]

Originally Posted by ozzy47

Are you setting your css elements to !important ?

No. Is that necessary if I do it this way?

--------------- Added [DATE]1416240528[/DATE] at [TIME]1416240528[/TIME] ---------------

<!-- BEGIN TEMPLATE: headinclude_bottom -->
<link rel="stylesheet" type="text/css" href="clientscript/vbulletin_css/style00079l/additional.css?d=1412187223" />
<link type="text/css" rel="stylesheet" href="https://code.google.com/p/my_project841924/source/browse/trunk/my_style.css?d=1412187223" />
<!-- END TEMPLATE: headinclude_bottom -->
<link rel="stylesheet" type="text/css" href="css.php?styleid=79&amp;langid=1&amp;d=1412187223&amp;sheet=additional.css" />
</head>

This is how the file is included when I use your plugin.
Theres still a additional.css below my css file..

[ozzy47]

Yeah, the additional.css is the last thing loaded, so it will overwrite any css that is not set as important.

[TheRealso0sick]

But there must be a way to get around it? :/
And also, why are there 2 additional.css files loaded?

[ozzy47]

The way around it is like I said, set your CSS elements to important. Or you can remove the call for the additional.css from the templates.

I only see one additional.css in the code you posted above.

[TheRealso0sick]

What if i just cut all the css from the original additional.css file, leave it empty and then copy all of it to my css file, then include it via the plugin?

If you check the code above, theres 1 additional.css on line 2 and another at line 5.

[ozzy47]

Yeah you could cut it out of the additional.css or just comment everything out in the file.

[TheRealso0sick]

That works!
Thanks for your help ozzy

[ozzy47]

Excellent, glad to hear all is good.

[Lynne]

Originally Posted by TheRealso0sick

But wouldn't that completly remove all other stylesheets? I don't want them to be gone.

What i want to do is to create a css file that is on top of all other stylesheets,
so i can overwrite them, instead of going in each of the template files and look for the
specific css code everytime.

Thanks for the help so far Lynne

Ah, I misunderstood. I read your post and thought you wanted to completely get rid of ALL the CSS and then only have your own stylesheet.

[TheRealso0sick]

Np, Lynne.
And ozzy:

I actually found a much simpler way to get this to work.
All you do is just use the @import-rule and put it on top of your additional.css file.
(like @import url("screen.css"); )

That way all the external css from that file will be imported in your additional.css file..
You can overwrite existing css with the !important tag
and your good to go.