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