1

I am completely new to SharePoint. We have SharePoint 2013 on premises and i'd like to change the color of the top bar on the master page as well as get rid of the Newsfeed, OneDrive and Sites links. I have SharePoint Designer 2013. Please remember I am a total Noob with SharePoint.

2

Branding in SharePoint

The best way is to look at some youtube clips or tutorials.

You could make an composed look. See this link.

You can try with this style in either your master page or a css file:

div#suiteBarLeft{
  background-color: red;
}

or

.s4-ribbonrow
 {
   color:purple!important;
 }

How to remove Newsfeed, onedrive ..

Option 1 - Remove or Hide the Delegate Control from Master Page. Open your Master page in SharePoint 2013 Designer and look for “SuiteLinksDelegate” delegate control.

In master page you would look for something like below -

<SharePoint:DelegateControl id=”ID_SuiteLinksDelegate” ControlId=”SuiteLinksDelegate” runat=”server” />

Simply Remove or Comment it out to hide the links in the blue bar. See the detailed Steps on how to edit an existing Master Page at Edit an Existing Master Page to Change Logo or Hide Top Suite Links (NewsFeed,SkyDrive etc) in SharePoint 2013

Option 2 - Using JavaScript to to hide the links Control. For this example we are just adding the JavaScript required to a Source Editor on a page. You can add this to your master page or to a delegate control to add it to all the pages in the site. To hide “NewsFeed, SkyDrive, Sites…” links add the below code to Edit source on a page.

Steps -

  1. Edit the page and click on Insert tab.

  2. click on Embed Code to add the below JavaScript

    <script language=”javascript”>
     _spBodyOnLoadFunctionNames.push(“HideBrandingsuite”);
     function HideBrandingsuite()
     {  
        document.getElementById(‘ctl00_DeltaSuiteLinks’).style.visibility = ‘hidden’;
     }
    </script>
    
  • That got rid of the links, thanks! how do I change the color of the top bar those links sat on? – rigamonk Aug 8 '14 at 14:16
  • I'm not sure what you are meaning with top bar? Do you got a selector (div class name) ? – Plexus81 Aug 8 '14 at 14:24
  • Theres the bar at the top of the page that is blue (in seattle) that contained those links and the Sharepoint Label. it runs most of the page at the top. can you change the color of that? Suite bar left and suite bar right? – rigamonk Aug 8 '14 at 14:26
  • I've updated my answer, see the css – Plexus81 Aug 8 '14 at 14:31
  • Look also at this page sharepoint.stackexchange.com/questions/76169/… – Plexus81 Aug 8 '14 at 14:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.