Change “SharePoint” Branding Text in SharePoint 2013 Suite Bar
Ever wanted to change the “SharePoint” branding text in the Suite bar (in top-left position) of the SharePoint 2013 site?
Well, You can set the web application’s SuiteBarBrandingElementHtml property with PowerShell/Object model code, to change the text “SharePoint” shown in top left banner of SharePoint 2013 sites.
Customizing the SharePoint 2013 suite bar branding using PowerShell:
Here is the PowerShell script to add link to suite bar in SharePoint 2013.
Add-PSSnapin Microsoft.SharePOint.PowerShell
#Get the Web Application
$webApp = Get-SPWebApplication "https://extranet.crescent.com/"
#Set the "SharePoint" text Property
$webApp.SuiteBarBrandingElementHtml = "Crescent Extranet"
# You can also replace it with Clickable Hyperlink - Images
# $webApp.SuiteBarBrandingElementHtml = '<div class="ms-core-brandingText"><a href="https://extranet.crescent.com"><img src="https://extranet.crescent.com/SiteAssets/crescent_logo.png"/></a></div>'
#Update changes
$webApp.Update()
Here is the result in action:
jQuery method with SharePoint 2013 Master page to customizing the SharePoint 2013 suite bar branding:
To change the “SharePoint” branding text in the suite bar, you can also use jQuery. Just open your master page in SharePoint designer, locate </head> tag and place this code in it.
<script type="text/javascript" src="https://code.jquery.com/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var suiteBar = $("#suiteBar").find(".ms-core-brandingText");
suiteBar.html("<a style='color:white' href='https://extranet.crescent.com'>Crescent Extranet</a>");
});
</script>
Using CSS to replace “SharePoint” Branding Text:
Place this CSS in your Master page.
<style>
.ms-core-brandingText {
text-indent: -95px;
}
.ms-core-brandingText:after {
content: " Crescent Inc.";
}
</style>
BTW, It’s actually a delegate control that can be replaced with a user control solution built in the Visual Studio, In case you need a solution-based approach. More info here: SuiteBarBrandingDelegate Delegate Control
I tried both CSS and Javascript, and both not working….any idea why might this be the case?
Salaudeen —
It looks like the issue is the fact that most of my farms are Foundation 2013. The PowerShell script is working perfectly on my Server and Enterprise farms. Any idea what I need to change for Foundation?
Please check the ID of the Branding text in Foundation.
Salaudeen —
This doesn’t seem to work on my CA sites. I was able to change it on a CA site a couple of years ago, but it’s not working now. If I check the property it looks like it should be working:
$Check = Get-SPWebApplication -IncludeCentralAdministration | Where-Object { $_.IsAdministrationWebApplication }
$Check.SuiteBarBrandingElementHtml
OOTB Non-Prod Tampa Farm
Any ideas?