1

enter image description hereCan I change the default blue bar and remove the words SharePoint from the top blue bar?

Masterpage?

3 Answers 3

2

You can do so by changing the CSS for that control. The control is implemented differently in On Premise than O365, so here's how to change it in both scenarios:

Office 365:

.o365cs-base.o365cst .o365cs-topnavBGColor, .o365cs-base.o365cst .o365cs-topnavLinkBackground{
background-color: red; 
}

This is to change it to red color for example.

In an on premise environment:

#suiteBarLeft{
 background-color: red; 
}
5
  • /* Top bar re colour */ #suiteBarLeft{ background-color: #123274; } But this change isn't seen when adding a new list item.
    – Mike Blair
    Jan 19, 2015 at 17:01
  • Hi Mike, can you add a screenshot so I can see what you mean exactly?
    – user19105
    Jan 19, 2015 at 19:45
  • Screen shot added. Also is it possible to remove the test Sahrepoint in CSS?
    – Mike Blair
    Jan 20, 2015 at 13:10
  • Hi Mike, the first issue seems weird, can you try with background-color: red !important; . The second issue you can solve it by using this code: .ms-corebrandingText{display: none; }
    – user19105
    Jan 20, 2015 at 17:29
  • This is the code I pasted in #suiteBarLeft{ background-color: #123274 !important; } .ms-corebrandingText{display: none; } It didn't remove Sharepoint from the title or re colour the form bar.
    – Mike Blair
    Jan 21, 2015 at 11:27
0

It is called the suitebar. If u are on premise you can change it. It is a web application property you can e.g set it with powershell as described here. http://sharepointryan.com/2013/04/16/customizing-the-sharepoint-2013-suite-bar-branding-using-powershell/

In SharePoint online you shouldn't change it.

0

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

div#suiteBarLeft{
   background-color: red;
}

In this example, the top blue color will be changed to red, you can change it to any color you want.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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