Forum Discussion
Button Customization
Maybe I am missing something but is there any way to get rid of the all-caps defaults? A lot of the labels including buttons are always in all-caps. For accessibility reasons I cannot have them in a...
There are options out there! First option is using CSS after the fact in which you can target the Begin Button CSS classes to update the `text-transform` that is occurring on the button text. The other option is to check out the Mighty Chrome extension which adds lot of options to the configure the Begin Button, plus so much more! See these videos which talk about it and provide code samples
https://www.youtube.com/watch?v=vNCaxx1_Inc&list=PLsnCc3hFCaIE_o-HKcxirU_ChXF1_Nbk3&index=14
https://www.youtube.com/watch?v=ujQT0K5mWe4
I've seen stuff about Mighty floating around, but unfortunately we are pretty locked down as far as software access and new extensions are almost never approved. It seems like a cool tool! Thanks for the CSS tip too - I'll have to give that a try.
No problem! Just right click and inspect the button and you will see there is a text-transform css property added. Just override it to text-transform: none and put that CSS 1-liner into your index.html.
