Right now my 3rd party theme shows "Add To Cart" which means every first letter of a word is cap. I want Magento 2.4.1 to display all buttons in capital letters. For example Add To Cart -> ADD TO CART, Place Order -> PLACE ORDER etc. I would like to make changes in the CSS and not translation files.

Thanks for your help.

  • Translation files would be the right way to do it Commented Jan 23, 2021 at 13:59

1 Answer 1


You can do it with CSS. Use CSS text-transform property with uppercase value. Put the below code in your CSS file for Add To Cart and Place Order text. If you want to change more texts then just add the element selector in CSS.

.action.tocart, .payment-method button.action.checkout {
    text-transform: uppercase;
  • There are so many .css and .less files. How can I find out which one is the right one to edit?
    – Moppelfett
    Commented Jan 23, 2021 at 18:48
  • Which Magento theme you have used?
    – Amit Saini
    Commented Jan 23, 2021 at 18:57
  • This one: mageblueskytech.com/rubix/en6
    – Moppelfett
    Commented Jan 23, 2021 at 19:00
  • You can use this CSS file. pub/media/rokanthemes/theme_option/custom_en6.css
    – Amit Saini
    Commented Jan 23, 2021 at 19:02
  • Got it! Cheers!
    – Moppelfett
    Commented Jan 23, 2021 at 19:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.