Magento – CSS Not Reflecting in Magento 2

cssmagento2theme

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.

Example:

I added my less file

vendor/Themename/web/css/mycss.less.

  .panel.wrapper {
   background-color: green;
 }

This is my default.xml file:

vendor/Themename/Magento_Theme/default.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
    <css src="css/mycss.css"/>
    </head>
</page>

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?.

Best Answer

Create your theme on below path given instead of vendor folder

app\design\frontend\vendor\themename

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