Using "!important"

• 

  tmdcpas · Member · Apr 28, 2012 at 6:26 pm

  • Copy link
  • Add topic to favorites

  I’m overriding some CSS rules in an existing theme – some of those rules use “!important”. When I add my own rule in the custom CSS editor and add “!important”, the space (between the rule and “!important”) is removed when I save it, so that the rule comes out as “padding:0!important;” – which isn’t recognized by browsers. I need to use “!important” to override the current rule – thanks for any help.

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Apr 28, 2012 at 6:38 pm

  • Copy link

  All CSS editing here is theme specific. Will you please post an active link starting with http:// to the blog you purchased the custom design upgrade for?

• 

  tmdcpas · Member · Apr 28, 2012 at 6:41 pm

  • Copy link

  Thanks for the quick response, but I’m all set – figured it out.

• 

  designsimply · Member · Apr 30, 2012 at 5:09 pm

  • Copy link

  Could you let me know which browser you were testing where “padding:0!important;” didn’t work? I’d like to check it out.

• 

  tmdcpas · Member · Apr 30, 2012 at 5:11 pm

  • Copy link

  I was using FF on Mac – it didn’t work at first, and inspecting with Firebug didn’t show the rule, but now it seems fine, without my having made any other changes. So not sure if it was something on my end or not.

• 

  designsimply · Member · May 2, 2012 at 1:55 am

  • Copy link

  It has always worked for me without a space, so if you see a problem again, please let me know!