Can't seem to get the template to use override.css

So I am setting the template to use override.css. I add my css there but the website doesn't change. Then I look at chrome's developer panel, and I see that the template is overriding override.css?! I know that I can force the change by placing a !important next to my css in override, but isn't the point of override to not have to do that?

I'm attaching some pics for clarity

You need to use !important declaration after your site so similar to this

Code: Select all

#selector {width: !important}

because width of the blocks is not set in CSS files it is generated by framework code.