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

In the screenshoot below I pasted the Dialog of the NEW ITEM on top of our website.

  1. The ribbon bar selected in red, we want to change it, but it should be different to the ribbon bar in the normal site. I meant only customize it for the Dialog.

I found this website:

But apparently there is no CSS class for that element only. It looks it uses the same elements than the normal site.

Is it possible, and how? I need that RED area I selected to have the same color of the title bar, Discussion Board- New Item.

enter image description here

share|improve this question
up vote 6 down vote accepted

just add .ms-dialog in front of the class you want to change, and it will only affect the modal dialogs:

.ms-dialog .ms-cui-topBar2{
    background-color: red;
share|improve this answer
amazing!!!!!!!!!!!! – Esteban V Mar 1 '12 at 14:46
can you this one please??… – Esteban V Mar 1 '12 at 15:28

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.