Tuesday, February 7, 2012

Changing the SP Ribbon background color using CSS

To change the background color of SharePoint's ribbon, override the following styles from the corev4.css file.


.ms-SpLinkButtonActive
{
background-color:orange !important;
}

.ms-welcomeMenu a:hover
{
background-color: orange !important;
}


.ms-siteactionsmenu .ms-siteactionsmenuhover
{
background-color: orange !important;
color:#000000 !important;
}


.ms-cui-ribbonTopBars
{
background: orange url() repeat-x !important;
padding-top:0px;
}