I have a SharePoint web application which contains both a team site & a community site. I have changed the upper left suite bar colour to be blue, but this will make the username not very readable. So is there a way to modify the username text color to be white instead of black? Below is a picture for the username CSS using IE developer tool:-

enter image description here


  • ... how did you do the current customisation? Just add in another CSS statement to colour the required text white.
    – James Love
    Commented Sep 4, 2013 at 12:17
  • thanks for the reply. currently i did my customization by adding a cusotm CSS file insdie my StyleLibrary folder. but for the user name i can not determine the Div id which is responsible for displaying the username , as seems it will be created by javaScript.
    – John John
    Commented Sep 4, 2013 at 12:42

1 Answer 1


Try this CSS class:

div#welcomeMenuBox span.ms-core-menu-root { color: white; }

  • thanks for the reply, i added this to my custom CSS, but it did not change the color.
    – John John
    Commented Sep 4, 2013 at 13:16
  • Does it have any effect if you add ´!important´, for testing purpose only? Ref: stackoverflow.com/a/3706876/286244
    – Benny Skogberg
    Commented Sep 4, 2013 at 13:21
  • Here is my current custom CSS "div#welcomeMenuBox span.ms-core-menu-root { color: white !important; }". But this did not have any effect.
    – John John
    Commented Sep 4, 2013 at 13:24

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.