We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Placement of "!important" | Forum

Kim
Kim Mar 3 '15
Hi,


Is there anyone who might be able to tell me where I should add the !important to get this to work?

.ow_main_menu li.active a, .ow_main_menu li a:hover { color: #ffffff; /** OW_Control type:color, key:menuHoverColor, section:4. Menu, label:Menu hover text color **/ -webkit-transition: background-color linear .1s; background-color: #a9d300; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }


I thought I placed it the right spot, but cant seem to get it to work.

Thx for your help :)

Great_Day
Great_Day Mar 3 '15
Hi Kim,


You would need to place the !important after the property you want to set important. 


Example:

.ow_main_menu li.active a, .ow_main_menu li a:hover { 

  color: #ffffff; 

  /** OW_Control type:color, key:menuHoverColor, section:4. Menu, label:Menu hover text color **/ -         

  webkit-transition: background-color linear .1s; 

  background-color: #a9d300 !important; /* if you want this to be important */

  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); 

}


Let me know if you need more help!


The Forum post is edited by Great_Day Mar 3 '15
Kim
Kim Mar 3 '15
1+ for Great_Day :)

Solved!