I am trying to change css of Magento 2.1 Luma theme but its not working.

What will be the better way to modify css in Magento 2.1 Luma theme ?

3 Answers 3


First go through previous answer steps and go to and edit module wise css given path below


and edit common style given path below


Login in admin => Stores => Configuration => Advance => Developer

In Front-end development workflow section Select Workflow type => Client Side Less Compilation and save config after that clean cache and then edit and check your changes.

You can also use grunt for less compilation check below links.

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css-preprocess.html http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html


First you have to configure compilation of style in admin path given below

Store -> Configuration -> Advanced -> Developer -> Front-end development workflow

change to

Client side less compilation

- Clear cache

Then edit your theme styles module wise and other web/css/source (common style)

  • Hello Dipesh, thanks for your answer. can you please share the answer step by step with specified file path? Thanks Aug 10, 2016 at 10:07

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.