I setup a custom theme based on Magento Blank theme. If I inspect the styles I see different css styles? I thought it should only show styles-l.css and style-m.css? Whats wrong here?

enter image description here


Google Chrome shows the source of the CSS and M2 uses LESS which is then coimpiled into CSS.

Chrome gets the LESS file source from the Source Maps provided in your theme files.

To update or edit styles of a Magento 2 theme you should do so by updating the less files and compiling either using Grunt or M2's server side LESS compilation.

You can find full details of CSS preprocessing in M2 in there documentation



I fixed it by flushing Flush Static Files Cache in Magento admin.

enter image description here

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.