Tags

, ,

To update the background of the Ribbon row from

image

to

image

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:

  1. <link rel="stylesheet" type="text/css" href="/_layouts/1033/styles/Themable/corev4.css"/>
  2. <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.

Advertisements