Override.css not loading

Hi there,


I am having a strange issue. Some of the CSS i add to override.css is not being loaded while some other is.
I though this was some conflict css rules out there but then i create a new class that goes as follow;

.blackbg {
background-color:#000;
}

Then added , blackbg to a module suffix field, you would expect the module to have a black background right?... well wrong... what he heck is happening ?...


PLease..... please.... help

Try editing the template, go into the advanced settings tab and enable CSS Override if its disabled. You should be able to see the Override.css file appear in view source once this is enabled.

Try editing the template, go into the advanced settings tab and enable CSS Override if its disabled. You should be able to see the Override.css file appear in view source once this is enabled.

it is enable and the file itself is being loaded (checked the source in the browser), but some classes in the file are not.
I created that class for black backgrounds to see if the problem was with the same class being duplciated accross several .css file thus provoking issues.
But the class i created is exclusive to override.css so this one should work just fine. But its not.

Ok, i have checked every bit of line, the issue was bad code.

.imgBox {
width: 191px;
height: 191px;
background: url(images/fb-icon.png) no-repeat;
}

As you can see the url is missing the "
So everything below that wasnt working.