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: http://sharepointexperience.com/csschart/csschart.html

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

1 Answer 1


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;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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