Tuesday, 5 February 2013

Site Action Menu Styling in SharePoint 2010

You might be a bit frustrated if you have tried the Site Action button styling, there are lot of things you can do to achieve really good look and feel. You could easily achieve this by the below following steps :


Here i have changed the whole Ribbon control to White color and the Site Action Button style changes when you hover over the mouse. Have a look on these elements and you can easily make the color changes to the one you desire :

Style Code
=============

<style type="text/css">


#s4-ribbonrow {
BACKGROUND-COLOR: #ffffff !important;
}
#RibbonContainer .ms-cui-tt-span {
COLOR: #000
}
.ms-siteactionsmenu .ms-menu-a SPAN {
COLOR: #000
}
.ms-siteactionsmenu .ms-siteactionsmenuhover {
BACKGROUND: #C0C0C0!important;
}</style>


Step 1.
You can apply the above style in the master page if you have access, if not drag and drop a Content Editor Webpart and add the styles on the HTML you should be able to get a new look and feel on your site.