Create overwriting CSS file

[TheRealso0sick]

Hi,
I want to add a CSS file to my theme which is able to overwrites ALL of the existing stylesheets in a theme.
The css file will be hosted on my server, but i want to have the ability to edit it locally and then just upload it, not using the templates editor in vbulletin.

Is this possible and how do i make sure that it's overwriting all the other css?

Please help me out here, thanks!

[Lynne]

You'd need to remove all links to the vbulletin css (in the headinclude template, I believe, but there may be some other calls the in the main templates like FORUMHOME, SHOWTHREAD, etc) and then put in a link to your file on your server.

[TheRealso0sick]

Originally Posted by Lynne

You'd need to remove all links to the vbulletin css (in the headinclude template, I believe, but there may be some other calls the in the main templates like FORUMHOME, SHOWTHREAD, etc) and then put in a link to your file on your server.

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

[ozzy47]

Why not just add the css to the additional.css template, that will override the other css templates.

[TheRealso0sick]

Originally Posted by ozzy47

Why not just add the css to the additional.css template, that will override the other css templates.

Because it's way easier to edit css on your local machine in a real text editor then
opening, saving & reloading the css template all the time.

I do a lot of work in the templates and it would save so much time if i were able to do it that way.
:/

Also, not all of the css is in the additional.css template, if you just have 1 file that is able to overwrite all other stylesheets, you could just check out which class or id you need via dev tools
and write it in your own css file.

[ozzy47]

Make a plugin for this:

AdminCP > Plugins & Products > Add New Plugin

Product: vBulletin
Hook location: parse_templates
Title: Custom Style Changes
Execution Order: 5

if (STYLEID == 1) 
{
    $template_hook['headinclude_bottom_css'] .= '<link type="text/css" rel="stylesheet" href="aaa.css' . '?d=' . $style['dateline'] . '" />';
}

1 is the style you are trying to do this to, aaa.css is the name of your stylesheet.

[TheRealso0sick]

Originally Posted by ozzy47

Make a plugin for this:

Awesome, thanks.
Gonna try this out

[ozzy47]

Now that is not 100% tested with all the css in there, that was just some quick tests.

[TheRealso0sick]

Thanks for your help, but this doesn't seem to work.
Wherever i put my css file, theres always a additional.css underneath it that overwrites my edits :/

[ozzy47]

Are you setting your css elements to !important ?