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
.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:
.ms-globalbreadcrumb
{
background-image:url("/_layouts/images/banner.jpg");
padding:2px 10px 80px 5px;
}
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)
Hi, how to do this on SharePoint 2013?
For SharePoint 2013, Use:
#s4-titlerow {
background-image: url(‘/siteimages/banner.png’) !important;
width: 100% !important;
background-repeat: no-repeat !important;
}
How do you do this in SharePoint 2016?
Is this in the master page plz?
It can be at your master page. But preferably it should be in your Style Sheet (CSS)!