Monday, December 27, 2010

How to Add Banner image in SharePoint - Simple way

Banners are the great way to add branding to SharePoint site. There are lot of ways to add banner in SharePoint, Here I'm going to illustrate a easy way to add Top banner in SharePoint.

In SharePoint 2010:
In SharePoint 2010, CSS class you have to pick and modify is: .s4-title

background-image: url("/_layouts/images/banner.png") #FECF2C no-repeat;

For MOSS 2007:
In SharePoint 2010, the CSS class you have to pick and modify is: .ms-globalbreadcrumb
So, override this class as:

padding:2px 10px 80px 5px;

You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.

Check out these SharePoint products:


  1. Replies
    1. It can be at your master page. But preferably it should be in your Style Sheet (CSS)!

  2. Hi, how to do this on SharePoint 2013?

    1. For SharePoint 2013, Use:

      #s4-titlerow {
      background-image: url('/siteimages/banner.png') !important;
      width: 100% !important;
      background-repeat: no-repeat !important;


Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...