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?

sharepoint 2013 add link to suite bar powershell

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:
customizing the sharepoint 2013 suite bar branding using powershell

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

Salaudeen Rajack

Salaudeen Rajack - SharePoint Expert with Two decades of SharePoint Experience. Love to Share my knowledge and experience with the SharePoint community, through real-time articles!

4 thoughts on “Change “SharePoint” Branding Text in SharePoint 2013 Suite Bar

  • I tried both CSS and Javascript, and both not working….any idea why might this be the case?

    Reply
  • 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?

    Reply
  • 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?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *