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;


  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;

    2. How do you do this in SharePoint 2016?

  3. is it possible to display the message using the above technique. I would like to display the message in header (Top of the page, for each page in SP site in MOSS 2007)


Please Login and comment to get your questions answered!

Powered by Blogger.