Changing CSS files in Magento 2.1.2 Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?CSS / JavaScript files not changing in adminhtml (cache?)Caching css files in Magentohow to compile single LESS file in magento2magento 2 custom css in custom theme not being appliedSort CSS files in Headhow to change color code of header and footer in m2CSS stopped working in my Magento 2 themeMagento 2 | Troubles changing CSS class attribute value.Magento 2 don't generate custom CSS fileMagento 2 less compilation error while setup:static-content:deploy
Why didn't this character "real die" when they blew their stack out in Altered Carbon?
Should I use a zero-interest credit card for a large one-time purchase?
String `!23` is replaced with `docker` in command line
What is the meaning of the new sigil in Game of Thrones Season 8 intro?
Why do people hide their license plates in the EU?
Dating a Former Employee
How discoverable are IPv6 addresses and AAAA names by potential attackers?
Why was the term "discrete" used in discrete logarithm?
Why did the Falcon Heavy center core fall off the ASDS OCISLY barge?
Check which numbers satisfy the condition [A*B*C = A! + B! + C!]
When were vectors invented?
Why is my conclusion inconsistent with the van't Hoff equation?
At the end of Thor: Ragnarok why don't the Asgardians turn and head for the Bifrost as per their original plan?
English words in a non-english sci-fi novel
Why light coming from distant stars is not discrete?
Short Story with Cinderella as a Voo-doo Witch
Sci-Fi book where patients in a coma ward all live in a subconscious world linked together
Denied boarding although I have proper visa and documentation. To whom should I make a complaint?
What exactly is a "Meth" in Altered Carbon?
What is known about the Ubaid lizard-people figurines?
Why do we bend a book to keep it straight?
Do I really need recursive chmod to restrict access to a folder?
How come Sam didn't become Lord of Horn Hill?
How to find all the available tools in mac terminal?
Changing CSS files in Magento 2.1.2
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?CSS / JavaScript files not changing in adminhtml (cache?)Caching css files in Magentohow to compile single LESS file in magento2magento 2 custom css in custom theme not being appliedSort CSS files in Headhow to change color code of header and footer in m2CSS stopped working in my Magento 2 themeMagento 2 | Troubles changing CSS class attribute value.Magento 2 don't generate custom CSS fileMagento 2 less compilation error while setup:static-content:deploy
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
Currently trying to change the top menu background color, tried to change it from the CSS files, found out through firebug that the file pub/static/frontend/Venustheme/beat/en_US/css/styles-l.css is the one responsible for this,
And even tried to change it on firebug to confirm, turns out it actually is.
So I changed the css file and refreshed the page, but nothing changed, looked up solutions for this, flushed cache storage flushed Magento cache and flushed javascript/css cache through the admin interface, didn't work,
Checked the URL in core_config_data turned out to be correct, can anyone help with this? and is there a way to change the css files through the admin interface?
Also, what is the difference between beat and beat_child?
and does the less file affect that in any way?
magento-2.1 css less
edited 22 mins ago
Muhammad Anas
642320
asked Feb 9 '17 at 7:31
WatWat
61
add a comment |
Currently trying to change the top menu background color, tried to change it from the CSS files, found out through firebug that the file pub/static/frontend/Venustheme/beat/en_US/css/styles-l.css is the one responsible for this,
And even tried to change it on firebug to confirm, turns out it actually is.
So I changed the css file and refreshed the page, but nothing changed, looked up solutions for this, flushed cache storage flushed Magento cache and flushed javascript/css cache through the admin interface, didn't work,
Checked the URL in core_config_data turned out to be correct, can anyone help with this? and is there a way to change the css files through the admin interface?
Also, what is the difference between beat and beat_child?
and does the less file affect that in any way?
magento-2.1 css less
edited 22 mins ago
Muhammad Anas
642320
asked Feb 9 '17 at 7:31
WatWat
61
add a comment |
Currently trying to change the top menu background color, tried to change it from the CSS files, found out through firebug that the file pub/static/frontend/Venustheme/beat/en_US/css/styles-l.css is the one responsible for this,
And even tried to change it on firebug to confirm, turns out it actually is.
So I changed the css file and refreshed the page, but nothing changed, looked up solutions for this, flushed cache storage flushed Magento cache and flushed javascript/css cache through the admin interface, didn't work,
Checked the URL in core_config_data turned out to be correct, can anyone help with this? and is there a way to change the css files through the admin interface?
Also, what is the difference between beat and beat_child?
and does the less file affect that in any way?
magento-2.1 css less
edited 22 mins ago
Muhammad Anas
642320
asked Feb 9 '17 at 7:31
WatWat
61
Currently trying to change the top menu background color, tried to change it from the CSS files, found out through firebug that the file pub/static/frontend/Venustheme/beat/en_US/css/styles-l.css is the one responsible for this,
And even tried to change it on firebug to confirm, turns out it actually is.
So I changed the css file and refreshed the page, but nothing changed, looked up solutions for this, flushed cache storage flushed Magento cache and flushed javascript/css cache through the admin interface, didn't work,
Checked the URL in core_config_data turned out to be correct, can anyone help with this? and is there a way to change the css files through the admin interface?
Also, what is the difference between beat and beat_child?
and does the less file affect that in any way?
magento-2.1 css less
magento-2.1 css less
edited 22 mins ago
Muhammad Anas
642320
asked Feb 9 '17 at 7:31
WatWat
61
edited 22 mins ago
Muhammad Anas
642320
asked Feb 9 '17 at 7:31
WatWat
61
edited 22 mins ago
Muhammad Anas
642320
edited 22 mins ago
Muhammad Anas
642320
edited 22 mins ago
Muhammad Anas
642320
642320
asked Feb 9 '17 at 7:31
WatWat
61
asked Feb 9 '17 at 7:31
WatWat
61
asked Feb 9 '17 at 7:31
WatWat
61
61
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
You will need to compile LESS if you aren't already, the easiest way is to enable client-side compilation. Login to the admin and navigate to store > config > advanced > developer > front-end workflow and set it to client-side compilation (or something similar).
Then delete these two directories:
var/view_preprocessed
pub/static/frontend
Clear your caches (Magento and browser) then refresh. Your change should now be displayed.
Note: There are better ways of compiling such as Grunt/Gulp but that's out of scope for this answer.
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
add a comment |
Never work on Pub/Static/frontend folder directly.
It's get generated automatically.
CSS and JS files for theme can be found in app/design/frontend/YOURTHEME/web folder.
answered Feb 15 at 13:01
KhushbuKhushbu
9010
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%2f158928%2fchanging-css-files-in-magento-2-1-2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You will need to compile LESS if you aren't already, the easiest way is to enable client-side compilation. Login to the admin and navigate to store > config > advanced > developer > front-end workflow and set it to client-side compilation (or something similar).
Then delete these two directories:
var/view_preprocessed
pub/static/frontend
Clear your caches (Magento and browser) then refresh. Your change should now be displayed.
Note: There are better ways of compiling such as Grunt/Gulp but that's out of scope for this answer.
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
add a comment |
You will need to compile LESS if you aren't already, the easiest way is to enable client-side compilation. Login to the admin and navigate to store > config > advanced > developer > front-end workflow and set it to client-side compilation (or something similar).
Then delete these two directories:
var/view_preprocessed
pub/static/frontend
Clear your caches (Magento and browser) then refresh. Your change should now be displayed.
Note: There are better ways of compiling such as Grunt/Gulp but that's out of scope for this answer.
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
add a comment |
You will need to compile LESS if you aren't already, the easiest way is to enable client-side compilation. Login to the admin and navigate to store > config > advanced > developer > front-end workflow and set it to client-side compilation (or something similar).
Then delete these two directories:
var/view_preprocessed
pub/static/frontend
Clear your caches (Magento and browser) then refresh. Your change should now be displayed.
Note: There are better ways of compiling such as Grunt/Gulp but that's out of scope for this answer.
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
You will need to compile LESS if you aren't already, the easiest way is to enable client-side compilation. Login to the admin and navigate to store > config > advanced > developer > front-end workflow and set it to client-side compilation (or something similar).
Then delete these two directories:
var/view_preprocessed
pub/static/frontend
Clear your caches (Magento and browser) then refresh. Your change should now be displayed.
Note: There are better ways of compiling such as Grunt/Gulp but that's out of scope for this answer.
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
answered Feb 9 '17 at 7:56
Ben CrookBen Crook
9,2662477
9,2662477
add a comment |
add a comment |
Never work on Pub/Static/frontend folder directly.
It's get generated automatically.
CSS and JS files for theme can be found in app/design/frontend/YOURTHEME/web folder.
answered Feb 15 at 13:01
KhushbuKhushbu
9010
add a comment |
Never work on Pub/Static/frontend folder directly.
It's get generated automatically.
CSS and JS files for theme can be found in app/design/frontend/YOURTHEME/web folder.
answered Feb 15 at 13:01
KhushbuKhushbu
9010
add a comment |
Never work on Pub/Static/frontend folder directly.
It's get generated automatically.
CSS and JS files for theme can be found in app/design/frontend/YOURTHEME/web folder.
answered Feb 15 at 13:01
KhushbuKhushbu
9010
Never work on Pub/Static/frontend folder directly.
It's get generated automatically.
CSS and JS files for theme can be found in app/design/frontend/YOURTHEME/web folder.
answered Feb 15 at 13:01
KhushbuKhushbu
9010
answered Feb 15 at 13:01
KhushbuKhushbu
9010
answered Feb 15 at 13:01
KhushbuKhushbu
9010
answered Feb 15 at 13:01
KhushbuKhushbu
9010
9010
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%2f158928%2fchanging-css-files-in-magento-2-1-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
