What CSS tag controls the font color of the Share/Edit/etc text on the ribbon in SP 2013?

Basically I'm trying to change this color and I'm spinnng my wheels. Thanks.

  • 2
    Use F12 developer tools. Sep 8, 2014 at 15:42
  • Not a SP developer, so I'm not getting very far with this.
    – ACDBA
    Sep 8, 2014 at 16:03
  • If I select element by click, then click the text, it displays the properties of "ms-promotedActionButton-text". Changing any of the 3 mentions in my css file changes nothing.
    – ACDBA
    Sep 8, 2014 at 16:08
  • Press F12 in your browser and choose F12 developer tools :) Sep 8, 2014 at 16:45

1 Answer 1


To change Edit, Share, Follow text have class named 'ms-promotedActionButton-text':

span.ms-promotedActionButton-text {
    color: Red;
  • Forgive me, but here is my current text:
    – ACDBA
    Sep 9, 2014 at 15:18
  • .ms-promotedActionButton-text { display:inline-block; color:#666; text-transform:uppercase; font-size:8pt; }
    – ACDBA
    Sep 9, 2014 at 15:18
  • What's the correct code? Sorry, not a CSS coder and I'm lost. I tried a few things and it made no difference.
    – ACDBA
    Sep 9, 2014 at 15:19

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.