How to create specific style files that override the styles for the Magento Checkout Module?

I took a look at vendor/magento/module-checkout/view/frontend/web and vendor/magento/module-checkout/view/frontend/ but there are not style files there that I can copy to app/design/frontend/XXX/XXX/Magento_Checkout/...

How to achieve this in a consistent way?

I tried to add the styling rule here: app/design/frontend/XXX/XXX/web/css/source/_theme.less and it worked, but I still do not know if this is the appropriate Magento way to do it, since it is something that has an impact on the checkout.


Create a file name _extend.less to your theme under the following directory:


You can use this throughout the website for custom css or less.

Hope this helps!


Just override one of the layouts on Magento Checkout and add this code on the head <css src="Magento_Checkout::css/site-theme.css"/> and add the site-theme.css on the css folder

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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