I would like to alter the look of the top navigation bar, but I am not sure how to insert the CSS into the page. I know all the elements' class names, but changing their default styles seems to be eluding me. I would like to avoid javascript if possible, because we are using the same top navigation bar across all the sub-sites.

Thanks in advanced.

1 Answer 1


First, put all the styles in a css file and upload it to the Site Assets library, then you can reference it in couple of ways to do this:

Option 1:

  • Site Settings ==> Under Look and Feel ==> Master Page ==> Alternate CSS URL and enter the URL to your custom css file, like this /SiteAssets/CSS/styles.css

Option 2:

  • Edit your master page (always make a backup before you modify master pages), and insert the link to your custom after SharePoint main/default css files
  • Good Luck! Please mark it as answer if it works!! May 14, 2016 at 0:55
  • I am sorry. Something odd is happening with my SharePoint Designer and it won't let me log in. As soon as I can attempt the changes I will update. May 16, 2016 at 17:13
  • I used Option 1 and it worked great. Also learned something interesting about how SharePoint works. Thanks Ahmed. May 16, 2016 at 18:45
  • Awesome! Glad that worked.. May 16, 2016 at 18:54

Your Answer

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

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