0

I have a ribbon inside SharePoint server 2013 with a green border, as shown below:- 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;

}
.ms-cui-ribbon{
    border-color:#008CD2 !important;
}

but the ribbon still has a green border instead of a #008CD2 blue border. Can anyone give me advice please?

EDIT

The full marup under the ms-cui-RibbonTopBars

enter image description here

John John
  • 1
  • 72
  • 238
  • 501

1 Answers1

1

This should be working :

.ms-cui-tabBody.ms-cui-tabBody-gr{
    border-color:#008CD2 !important;
}
.ms-cui-tabContainer.ms-cui-tabContainer-gr  {
    border-color:#008CD2 !important;
}
titibouboul
  • 1,348
  • 3
  • 16
  • 30
  • this has chnaged the boarder color for the bottom boarder only. although i have updated my CSS with the folloiwng .ms-cui-tabBody.ms-cui-tabBody-gr{ border-color:#008CD2 #008CD2 #008CD2 #008CD2 !important; border-top-color:#008CD2 !important; } – John John Sep 29 '13 at 02:01
  • thanks for the reply, i did so but still the uppoer boarder is green? can you adivce on this please? – John John Sep 29 '13 at 18:33
  • have you tried to add `ms-cui-ribbonTopBars{border-color:#008CD2 !important;}` – titibouboul Sep 30 '13 at 03:32
  • i added it but nothing was changed , still the upper boarder is green? – John John Sep 30 '13 at 09:41
  • can you show what's in
    – titibouboul Sep 30 '13 at 12:37
  • thanks for the reply, i have added a picture showing what is under the ms-cui-ribbonTopBard , in my original post. – John John Sep 30 '13 at 12:48
  • 1
    yeah you should try to add border-color to children of ms-cui-ribbonTopBard like ms-cui-TopBar2, ms-cui-TopBarMaximized, ms-cui-ct-topBar-gr (to do test and see which div need to be changed, add border-color to element.style in firefox) – titibouboul Sep 30 '13 at 13:07