There are some great browser add-ons out there to help you as you brand your SharePoint site. My favorite of these being Mozilla’s Firebug for FireFox. There are some fairly hard styles to catch though, even with the assistance of on of these add-ons. Ever try branding all those links in the Site Actions drop down for example?
Though not all of your users may use or even see the Site Actions menu, this is still an area of SharePoint branding that you should consider covering. Its important that you touch all the necessary areas of your site to give the users a completed and cohesive look/feel while using the site.
Generally, styles I primarily use to change the main elements of Site Actions are as follows, though a quick search for “ms-menuUI” in core.css will lead you to the quick realization that this list is not near exhaustive:
[code lang=”css”]
.ms-MenuUIPopupBody TABLE{
color: menu item text;
}
.ms-MenuUIItemTableCell,.ms-MenuUIItemTableCellCompact{
color: menu item text;
}
.ms-MenuUIItemTableCell A,.ms-MenuUIItemTableCellHover A,.ms-MenuUIItemTableCellCompact A,.ms-MenuUIItemTableCellCompactHover A{
color: menu item link;
}
.ms-menuitemdescription{
color: item description text;
}
.ms-MenuUIItemTableCellHover,.ms-MenuUIItemTableCellCompactHover{
color: item text on hover;
}
.ms-MenuUIItemTableHover{
background-color:#ffde67; row on hover
border: row on hover;
}
.ms-MenuUIItemTableHover .ms-menuitemdescription{
color: item description text on hover;
}
.ms-MenuUISeparator,.ms-MenuUISeparatorRtL,.ms-MenuUISeparatorLarge,.ms-MenuUISeparatorLargeRtl{
background-color: separator line;
}
[/code]
–
Transform your business operations with our Microsoft solutions
Explore Our Microsoft Consulting Services →
–
Contact Us
Ready to achieve your vision? We're here to help.
We'd love to start a conversation. Fill out the form and we'll connect you with the right person.
Searching for a new career?
View job openings
