I have a ribbon with green boarder , inside SharePoint server 2013 as follow:- enter image description here

The ribbon has three css classes , and inside my custom CSS, i define the following CSS rules:-

.ms-cui-tabContainer ms-cui-tabContainer-gr  {
    border-color:#008CD2 !important;
.ms-cui-tabBody ms-cui-tabBody-gr{
    border-color:#008CD2 !important;

    border-color:#008CD2 !important;

but still the ribbon have a green boarder instead of blue border .

Can anyone advice please?

1 Answer 1

  • fix css rule

    your css rule is not correct:

    1. missing . before ms-cui-tabBody-gr
    2. remove space between classes: .ms-cui-tabBody and .ms-cui-tabBody-gr

    the right code is

         border-color:/*any color*/ !important;

    the best, set top and bottom border

    .ms-cui-tabBody-gr, .ms-cui-ct-topBar-gr{border-color:/*any color*/ !important;}

  • put your css after all css links of SP

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.