How to override css properties from a specific module?

Question

I created a custom theme, that inherits from magento/blank theme. And I am able to override and extend css classes that are defined in

vendor/magento/theme-frontend-blank/web/css/source/*.less

However, the property I want to change is defined in

vendor/magento/theme-frontend-blank/Magento_Newsletter/web/css/source/_module.less

overriding the class in my _module_extend.less doesn't work.

What is the right magento way to do that?

Thanks!

I'm in developer mode and using grunt to compile less files. It works perfectly with other css classes I extend/override. — user44172
– user44172, Commented Sep 4, 2016 at 12:51

Ben Crook · Accepted Answer · 2016-09-04 13:14:51Z

0

You will need to create _extend.less within the module inside your theme like so:

app/design/frontend/your-store/your-theme/Magento_Newsletter/web/css/source/_extend.less

answered Sep 4, 2016 at 13:14

Ben Crook

15.8k4 gold badges53 silver badges105 bronze badges

1 Answer 1