SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm trying to set a conditional formatting for my custom list data row, it works fine for background color but not for foreground color, when I inspect the element in chrome browser, I found it apply the style correctly but because of style inherit from other style sheet (corev4.css), it couldn't work even though I appended " !important" into the conditional style . I don't want to format every column to achieve this simple work. Anyone have a workaround for this ? Any help will be appreciated

share|improve this question

You could reset the css class where the style is inherited and work with your or, better, create a custom css class and works with it.

If you have a div like this

<div class="firstClass secondClass thirdclass fourthclass"></div>

and you want change something in one of those css class you can create your css style sheet and then change the configuration

.firstClass { my-option: 3px !important; }
share|improve this answer
Can you expand on the solution a bit? – April Drake May 22 '13 at 20:02

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.