0

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.

Improve this question
1
  • Translation files would be the right way to do it
    – Shawn Abramson
    Jan 23, 2021 at 13:59

1 Answer 1

Reset to default
0

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;
}
Improve this answer
6
  • There are so many .css and .less files. How can I find out which one is the right one to edit?
    – Moppelfett
    Jan 23, 2021 at 18:48
  • Which Magento theme you have used?
    – Amit Saini
    Jan 23, 2021 at 18:57
  • This one: mageblueskytech.com/rubix/en6
    – Moppelfett
    Jan 23, 2021 at 19:00
  • You can use this CSS file. pub/media/rokanthemes/theme_option/custom_en6.css
    – Amit Saini
    Jan 23, 2021 at 19:02
  • Got it! Cheers!
    – Moppelfett
    Jan 23, 2021 at 19:17

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.