CSS Not Reflecting in Magento 2Best way to extend module less found in web/css/source/module, like _minicart.less?Magento 2 styling / CSS not displaying in IE 9Magento 2 custom theme layout xml and css not workingHow to “override” default Magento2 “Luma” Theme with a Custom ThemeMagento 2 CSS does not applyBest way to locate LESS and CSS variables?Changing CSS files in Magento 2.1.2Magento Theme css color not changingMagento2 custom css not included in head after upgrading the websiteError: Exception #0 (InvalidArgumentException): Unable to serialize value - Produced by custom ThemeMagento 2 Theme Development - grunt watch not detecting changes of custom LESS file
"It is what it is"
Strange LED behavior
Acoustic guitar chords' positions vs those of a Bass guitar
What does the following chess proverb mean: "Chess is a sea where a gnat may drink from and an elephant may bathe in."
Do I have to mention my main character's age?
Is it better to deliver many low-value stories or few high-value stories?
Considerations when providing money to only one child out of two
Cargo capacity of a kayak
How does mathematics work?
Is there any direct train from LHR Airport to Newcastle Gateshead?
1025th term of the given sequence.
Piece of fabric in planter, how to use it?
Is it possible to pass generic lambda as non-template argument
Can I use Sitecore's Configuration patching mechanics for my Identity Server configuration?
Do I care if the housing market has gone up or down, if I'm moving from one house to another?
Is it better to merge "often" or only after completion do a big merge of feature branches?
What is the metal bit in the front of this propeller spinner?
Is it ethical to tell my teaching assistant that I like him?
How to create quantum circuits from scratch
Can I make Ubuntu 18.04 switch between multiple windows of the program by just clicking the icon?
Why is there an extra "t" in Lemmatization?
How did pilots avoid thunderstorms and related weather before “reliable” airborne weather radar was introduced on airliners?
Why is DC so, so, so Democratic?
Stellen - Putting, or putting away?
CSS Not Reflecting in Magento 2
Best way to extend module less found in web/css/source/module, like _minicart.less?Magento 2 styling / CSS not displaying in IE 9Magento 2 custom theme layout xml and css not workingHow to “override” default Magento2 “Luma” Theme with a Custom ThemeMagento 2 CSS does not applyBest way to locate LESS and CSS variables?Changing CSS files in Magento 2.1.2Magento Theme css color not changingMagento2 custom css not included in head after upgrading the websiteError: Exception #0 (InvalidArgumentException): Unable to serialize value - Produced by custom ThemeMagento 2 Theme Development - grunt watch not detecting changes of custom LESS file
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
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?.
magento2 theme css
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
add a comment |
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?.
magento2 theme css
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
which file you have modified? Is your code deployed to pub/static ?
– amitshree
Aug 1 '16 at 17:49
@amitshree I update my question.
– Rajkumar .E
Aug 2 '16 at 4:17
see this post magento.stackexchange.com/questions/173016/…, it has been very useful for me
– Herve Tribouilloy
Dec 30 '18 at 14:14
did you get a solution?
– Mohit Rane
Jul 13 at 4:25
add a comment |
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?.
magento2 theme css
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
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?.
magento2 theme css
magento2 theme css
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
edited Feb 2 at 2:10
fmsthird
3,5694 gold badges7 silver badges31 bronze badges
3,5694 gold badges7 silver badges31 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
asked Aug 1 '16 at 11:20
Rajkumar .ERajkumar .E
1,8155 gold badges17 silver badges47 bronze badges
1,8155 gold badges17 silver badges47 bronze badges
which file you have modified? Is your code deployed to pub/static ?
– amitshree
Aug 1 '16 at 17:49
@amitshree I update my question.
– Rajkumar .E
Aug 2 '16 at 4:17
see this post magento.stackexchange.com/questions/173016/…, it has been very useful for me
– Herve Tribouilloy
Dec 30 '18 at 14:14
did you get a solution?
– Mohit Rane
Jul 13 at 4:25
add a comment |
which file you have modified? Is your code deployed to pub/static ?
– amitshree
Aug 1 '16 at 17:49
@amitshree I update my question.
– Rajkumar .E
Aug 2 '16 at 4:17
see this post magento.stackexchange.com/questions/173016/…, it has been very useful for me
– Herve Tribouilloy
Dec 30 '18 at 14:14
did you get a solution?
– Mohit Rane
Jul 13 at 4:25
which file you have modified? Is your code deployed to pub/static ?
– amitshree
Aug 1 '16 at 17:49
which file you have modified? Is your code deployed to pub/static ?
– amitshree
Aug 1 '16 at 17:49
@amitshree I update my question.
– Rajkumar .E
Aug 2 '16 at 4:17
@amitshree I update my question.
– Rajkumar .E
Aug 2 '16 at 4:17
see this post magento.stackexchange.com/questions/173016/…, it has been very useful for me
– Herve Tribouilloy
Dec 30 '18 at 14:14
see this post magento.stackexchange.com/questions/173016/…, it has been very useful for me
– Herve Tribouilloy
Dec 30 '18 at 14:14
did you get a solution?
– Mohit Rane
Jul 13 at 4:25
did you get a solution?
– Mohit Rane
Jul 13 at 4:25
add a comment |
3 Answers
3
active
oldest
votes
Create your theme on below path given instead of vendor folder
appdesignfrontendvendorthemename
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
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
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
add a comment |
-app
--design
---frontend
----VendorName
-----VendorTheme
------Magento-Theme
-------layout
--------default.xml
--------default_head_blocks.xml
------media
-------preview.png
------web
-------css
--------yourcss.css
------registration.php
------theme.xml
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
add a comment |
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:
rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/*php bin/magento setup:static-content:deployphp bin/magento cache:cleanphp bin/magento cache:flush
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f128401%2fcss-not-reflecting-in-magento-2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
Create your theme on below path given instead of vendor folder
appdesignfrontendvendorthemename
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
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
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
add a comment |
Create your theme on below path given instead of vendor folder
appdesignfrontendvendorthemename
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
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
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
add a comment |
Create your theme on below path given instead of vendor folder
appdesignfrontendvendorthemename
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
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
Create your theme on below path given instead of vendor folder
appdesignfrontendvendorthemename
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
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
answered Aug 2 '16 at 9:28
Dipesh RanganiDipesh Rangani
1,9653 gold badges11 silver badges33 bronze badges
1,9653 gold badges11 silver badges33 bronze badges
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
add a comment |
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 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 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
add a comment |
-app
--design
---frontend
----VendorName
-----VendorTheme
------Magento-Theme
-------layout
--------default.xml
--------default_head_blocks.xml
------media
-------preview.png
------web
-------css
--------yourcss.css
------registration.php
------theme.xml
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
add a comment |
-app
--design
---frontend
----VendorName
-----VendorTheme
------Magento-Theme
-------layout
--------default.xml
--------default_head_blocks.xml
------media
-------preview.png
------web
-------css
--------yourcss.css
------registration.php
------theme.xml
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
add a comment |
-app
--design
---frontend
----VendorName
-----VendorTheme
------Magento-Theme
-------layout
--------default.xml
--------default_head_blocks.xml
------media
-------preview.png
------web
-------css
--------yourcss.css
------registration.php
------theme.xml
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
-app
--design
---frontend
----VendorName
-----VendorTheme
------Magento-Theme
-------layout
--------default.xml
--------default_head_blocks.xml
------media
-------preview.png
------web
-------css
--------yourcss.css
------registration.php
------theme.xml
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
answered Sep 30 '16 at 18:26
Phillip HuynhPhillip Huynh
111 bronze badge
111 bronze badge
add a comment |
add a comment |
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:
rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/*php bin/magento setup:static-content:deployphp bin/magento cache:cleanphp bin/magento cache:flush
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
add a comment |
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:
rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/*php bin/magento setup:static-content:deployphp bin/magento cache:cleanphp bin/magento cache:flush
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
add a comment |
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:
rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/*php bin/magento setup:static-content:deployphp bin/magento cache:cleanphp bin/magento cache:flush
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
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:
rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/*php bin/magento setup:static-content:deployphp bin/magento cache:cleanphp bin/magento cache:flush
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
answered Dec 30 '18 at 14:01
Md. Ehsanul Haque KananMd. Ehsanul Haque Kanan
2084 bronze badges
2084 bronze badges
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f128401%2fcss-not-reflecting-in-magento-2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
which file you have modified? Is your code deployed to pub/static ?
– amitshree
Aug 1 '16 at 17:49
@amitshree I update my question.
– Rajkumar .E
Aug 2 '16 at 4:17
see this post magento.stackexchange.com/questions/173016/…, it has been very useful for me
– Herve Tribouilloy
Dec 30 '18 at 14:14
did you get a solution?
– Mohit Rane
Jul 13 at 4:25