I have customized Magento 2 home page using custom theme extends from luma theme.

While Header customization, change color "header.wrapper" it's not reflecting. But some other properties are working.

For Example Change body background color its working fine. Some properties class only not working.


I added my less file


  .panel.wrapper {
   background-color: green;

This is my default.xml file:


    <css src="css/mycss.css"/>

I am using grunt compilation, so grunt convert less to css and store to pub/static. and mycss file calling while execute this page, but not reflecting.

But I change via firebug its working fine.

Why? Suggest me how to solve this?.


Create your theme on below path given instead of vendor folder


and apply theme from admin and clear cache, whenever you add new files in your theme you need to deploy static content from cmd command given below.

php bin/magento setup:static-content:deploy
  • I already did this its not work for me, css working fine, but when chage "header.wrapper"(home page header) its doen't work. – Rajkumar .E Aug 5 '16 at 11:50



I am replying to this question, as it hadn't been answered effectively yet. CSS is not reflecting because there is an issue with the cache. So, to fix the issue, you have to clear the cache. To do it, run the following codes one by one:

  2. php bin/magento setup:static-content:deploy
  3. php bin/magento cache:clean
  4. php bin/magento cache:flush

Your Answer

