This object is in archive! 

CSS "!important" property, blocking overwrite?

Archived jasperisu 10 years ago

Hi UR,


im having my UR CSS redesigned. My designer reported back to me with an issue that it seems not easy to overwrite the 4 colors that belong to the boxes of Idea, Problem, Question and Thanks.


he writes :

""Changing the (say thanks, share and idea...) box from it's default color to #ourcolor was not possible yet. The reason for this is that the css cannot be overwritten since its defaults has an "!important" property, meaning that those colors will over-ride what ever css property is there, this trick also helps with the tab colors of the box, try changing tabs and watch how the color changes. I really think this can be customized, but not sure yet how.""


would you have a good advice please? We didnt seem to find this in the documentation


thanx

Best Answer
photo

Designer should follow basic rules mentioned in general requirements in themes and theme customization.

Theme.css should be changed based on default one, and it's loaded after global.css, so !important property could be easily overwritten with !important in theme.css.

There are many examples of our customers that did overwritten it without problems, and it's hard to give exact solution on each request of that kind, because designer should be aware of simple rules in css.

Here is a good example of using important property and how to make it work like you need in your case.

Replies (2)

photo
1

Designer should follow basic rules mentioned in general requirements in themes and theme customization.

Theme.css should be changed based on default one, and it's loaded after global.css, so !important property could be easily overwritten with !important in theme.css.

There are many examples of our customers that did overwritten it without problems, and it's hard to give exact solution on each request of that kind, because designer should be aware of simple rules in css.

Here is a good example of using important property and how to make it work like you need in your case.

photo
1

thanks a lot. Will give these directions to the designer

Replies have been locked on this page!