Change SharePoint 2013 Title
SharePoint 2013 displays a blue bar at the top of the page with the word “SharePoint” placed on the top left.
Here is an easy way to customize the SharePoint 2013 SuiteBarBrandingElementHtml property in charge with the title branding using the omnipotent PowerShell.
This change will affect all the sites within the Web Application you choose and yes, you will see the changes on the site administration page as well.
There are three ways you might consider when replacing the SharePoint title on the blue bar.
- Change only the text
- Change the text and link it
- Add a logo image and link it
So, find the SharePoint 2013 Management Shell (PowerShell) and depending on what you would like to achieve Copy & Paste the appropriate code.
Change only the text
Add-PSSnapin Microsoft.SharePoint.PowerShell # get your site $myApp = Get-SPWebApplication "http://sp2013" # add text $myApp.SuiteBarBrandingElementHtml = ' |
Change the text and link it
For this purpose I’ve used an inline style to make the title font white. I don’t recommend this unless it is really, really unavoidable. Please play nice and use a CSS class to achieve this.
Add-PSSnapin Microsoft.SharePoint.PowerShell # get your site $myApp = Get-SPWebApplication "http://sp2013" # add a linked text $myApp.SuiteBarBrandingElementHtml = ' |
Add a logo image and link it
To add an image as a logo make sure you’re uploading the logo first to the “Site Collection Images” under Site Contents.
Add-PSSnapin Microsoft.SharePoint.PowerShell # get your site $myApp = Get-SPWebApplication "http://sp2013" # add an logo image # $myApp.SuiteBarBrandingElementHtml = '' # update $myApp.Update() |
Thanks! Worked perfectly.
how to do for sub site? like i need to change in http://test/sites/hhh
for main site its working (e.g http://test/).. but not for sub site…
I know this sounds crazy but I was able to achieve changing the Text to a Logo with just CSS overrides
.ms-core-brandingText:after{
content: “\00a0”;
background-image: url(‘/sites/path/Style%20Library/Images/path.png’) !Important;
padding-left: 75px;
}
.ms-core-brandingText{
font-size:1.5em;
margin-left: -118px;
}