Tags
To update the background of the Ribbon row from
to
First, create a css file under “\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\template\layouts\1033\STYLES\” and put your background image to “Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\template\layouts\1033\IMAGES”
then in the master page, add below to the head tag
<SharePoint:CssRegistration name=”customfolder/samplecustom.css” After=”corev4.css” runat=”server”/>
Note: Alternate CSS on Server and comes after corev4.css.
Output Order:
- <link rel="stylesheet" type="text/css" href="/_layouts/1033/styles/Themable/corev4.css"/>
- <link rel="stylesheet" type="text/css" href="/_layouts/1033/styles/customfolder/samplecustom.css"/>
So in your samplecustom.css file you add
body, body.v4master{background:#fff;} Body #s4-ribbonrow{ background:url(/_layouts/1033/IMAGES/SimplotBanner2.jpg) }
Checked in and publish the master page. you are done.