CSS override Status Macro all uppercase font

I would like to use text-transform: none CSS to override the all uppercase font used in the Status Macro  (fancy lozenge that displays text in a colored box).  When I include text-transform: lowercase, the font will show lowercase but text-transform: none has no effect.  All uppercase seems hard to read.  Thanks!

1 answer

Hi Kathryn,

I've tested this as well, and the only way you can change the text is to use 'lowercase'. It appears 'none', 'capitalize', and 'inherit' do not work with this particular macro do to the way the capitalization is being set.

Here is the code I ended up using myself which is likely the same one you determined to work:

.status-macro.aui-lozenge {
    text-transform: lowercase;
}

You can have a look at CONFSERVER-28822 for explanation on why we went with the capitalized version of the macro.

Let us know if you have any questions.

Regards,

Shannon

Thanks for the reply!  At least I'm not crazy. :)

No problem, Kathryn! I'm glad I could confirm that for you. :) 

Regards,

Shannon

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Mar 12, 2019 in Confluence

Confluence Admin Certification now $150 for Community Members

More and more people are building their careers with Atlassian, and we want you to be at the front of this wave! Important Dates Start the Certification Prep Course by 2 April 2019 Take your e...

274 views 2 10
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you