Change Suite Bar Color On Master page

Question

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.

Answer 1

Branding in SharePoint

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

• A guide to quick SharePoint 2013 branding

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>
   

   • SharePoint 2013 – Hide NewsFeed, SkyDrive, Sites (DeltaSuiteLinks)