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 - Information Technology Expert with Two-decades of hands-on experience, specializing in SharePoint, PowerShell, Microsoft 365, and related products. He has held various positions including SharePoint Architect, Administrator, Developer and consultant, has helped many organizations to implement and optimize SharePoint solutions. Known for his deep technical expertise, He's passionate about sharing the knowledge and insights to help others, through the real-world 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 *