I created a custom widget inside my module and I'm trying to figure out how to add css to widget template. I can do it with the styles tag inside my template (phtml) but I assume that is not the right way?

How should you add custom css / less code to your widget block?

  • I think better to add it on a head block
    – fmsthird
    Commented Mar 28, 2019 at 10:08
  • although your css will be loaded in the frontend in general not when your widget is loaded only
    – fmsthird
    Commented Mar 28, 2019 at 10:11

1 Answer 1


Within your custom widget module create the following file:


Add the following code to _extend.less:

@import 'widget/example.less';

Create your .less file here:


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.