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
Posted Monday in Confluence

Organizing your space just got easier - Page Tree Drag & Drop is here

Hi Community! I’m Elaine, Confluence Product Manager. You may have read my earlier post about page tree in space navigation sidebar. I'm excited to share another improvement that helps you organize ...

77 views 3 3
Join discussion

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