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 Sep 4 '13 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 Gu Sep 4 '13 at 12:42

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 Gu Sep 4 '13 at 13:16
  • Does it have any effect if you add ´!important´, for testing purpose only? Ref: stackoverflow.com/a/3706876/286244 – Benny Skogberg Sep 4 '13 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 Gu Sep 4 '13 at 13:24

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.