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
Extract all GPU name, model and GPU ram
How do I keep my slimes from escaping their pens?
At the end of Thor: Ragnarok why don't the Asgardians turn and head for the Bifrost as per their original plan?
Do I really need recursive chmod to restrict access to a folder?
Is it fair for a professor to grade us on the possession of past papers?
What's the purpose of writing one's academic biography in the third person?
If a contract sometimes uses the wrong name, is it still valid?
How to react to hostile behavior from a senior developer?
Why did the rest of the Eastern Bloc not invade Yugoslavia?
Ring Automorphisms that fix 1.
English words in a non-english sci-fi novel
How discoverable are IPv6 addresses and AAAA names by potential attackers?
Why didn't this character "real die" when they blew their stack out in Altered Carbon?
Why is "Consequences inflicted." not a sentence?
Why am I getting the error "non-boolean type specified in a context where a condition is expected" for this request?
How can I make names more distinctive without making them longer?
Why do people hide their license plates in the EU?
Why aren't air breathing engines used as small first stages
What exactly is a "Meth" in Altered Carbon?
How come Sam didn't become Lord of Horn Hill?
Output the ŋarâþ crîþ alphabet song without using (m)any letters
Why is my conclusion inconsistent with the van't Hoff equation?
Why are Kinder Surprise Eggs illegal in the USA?
When were vectors invented?
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 21 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 21 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 21 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 21 mins ago
Muhammad Anas
642320
asked Feb 9 '17 at 7:31
WatWat
61
edited 21 mins ago
Muhammad Anas
642320
asked Feb 9 '17 at 7:31
WatWat
61
edited 21 mins ago
Muhammad Anas
642320
edited 21 mins ago
Muhammad Anas
642320
edited 21 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
