Create less file for custom ThemeHow to utilise the existing LESS variables in my new less fileHow do you override LESS in a custom theme?Using LESS in existing ThemeExtend part .less fileBest way to locate LESS and CSS variables?How to correctly add my less file to Magento 2?Grunt - is it possible to watch custome module less files?Magento2 LESS extend/override custom themeInclude and compile custom.less file after removing the style-l and style-m cssMagento 2 Theme Development - grunt watch not detecting changes of custom LESS file
What did the 'turbo' button actually do?
Why unable to verify solution to first order PDE?
Can a tabaxi rogue with the Criminal background start with 8 skill proficiencies?
Why did Jon Snow do this immoral act if he is so honorable?
Who knighted this Game of Thrones character?
Why did other houses not demand this?
How to find a dynamically assigned aura:id?
Using too much dialogue?
Variable declaraton with extra in C
Co-author wants to put their current funding source in the acknowledgements section because they edited the paper
Are there any German nonsense poems (Jabberwocky)?
Why did it take so long for Germany to allow electric scooters / e-rollers on the roads?
Did this character show any indication of wanting to rule before S8E6?
Can a character with the War Caster feat call a bolt with Call Lightning instead of making an opportunity attack?
Why do Russians almost not use verbs of possession akin to "have"?
Why does Bran want to find Drogon?
Freedom of Speech and Assembly in China
How to politely tell someone they did not hit reply all in email?
Of strange atmospheres - the survivable but unbreathable
How would a developer who mostly fixed bugs for years at a company call out their contributions in their CV?
Are runways booked by airlines to land their planes?
Gravitational Force Between Numbers
What is the recommended procedure to land a taildragger in a crosswind?
Which European Languages are not Indo-European?
Create less file for custom Theme
How to utilise the existing LESS variables in my new less fileHow do you override LESS in a custom theme?Using LESS in existing ThemeExtend part .less fileBest way to locate LESS and CSS variables?How to correctly add my less file to Magento 2?Grunt - is it possible to watch custome module less files?Magento2 LESS extend/override custom themeInclude and compile custom.less file after removing the style-l and style-m cssMagento 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;
How to create new *.less file in Magento 2.3 project ?
Here is my existing Theme:
Here is my existing less file that DOES NOT work:
Nothing is work here:
My question is how to add custom less code/file to custom Theme?
any help would be extremely appreciated.
theme css less grunt
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
add a comment |
How to create new *.less file in Magento 2.3 project ?
Here is my existing Theme:
Here is my existing less file that DOES NOT work:
Nothing is work here:
My question is how to add custom less code/file to custom Theme?
any help would be extremely appreciated.
theme css less grunt
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
add a comment |
How to create new *.less file in Magento 2.3 project ?
Here is my existing Theme:
Here is my existing less file that DOES NOT work:
Nothing is work here:
My question is how to add custom less code/file to custom Theme?
any help would be extremely appreciated.
theme css less grunt
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
How to create new *.less file in Magento 2.3 project ?
Here is my existing Theme:
Here is my existing less file that DOES NOT work:
Nothing is work here:
My question is how to add custom less code/file to custom Theme?
any help would be extremely appreciated.
theme css less grunt
theme css less grunt
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
asked May 10 at 4:35
Yusuf IbrahimYusuf Ibrahim
2709
2709
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
You have created the less file properly,
Run the Below command and check: (If grunt is installed properly, then your changes will reflect)
grunt refresh
grunt less:YourThemeName
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
arrgh you are right, voted yours as answer
– Yusuf Ibrahim
May 10 at 6:04
This Answer is not valid for our question, @YusufIbrahim why my answer is not acceptable for this question.
– Abrar Pathan
May 10 at 9:26
@Abrar Pathan, My answer is correct as per the default magento. Also your answer is right, but we used that less file on module basis.
– Mohammad Faizan
May 10 at 9:38
@AbrarPathan actually _extend.less works in both "Magento_Themewebcsssource" and "app/design/frontend/Senheng/default/web/css/source/", my mistake is I do not run "grunt refresh" before. but yes your anwer provide me more information for debugging
– Yusuf Ibrahim
May 10 at 9:39
@YusufIbrahim as per your question is not this issue is not Grunt related. Also, I can see your screenshot your grunt is working fine. In short, my answer is acceptble for this question. I think you are just asking the questions to make points on stack
– Abrar Pathan
May 10 at 9:47
|
show 2 more comments
I have a review your question and I found that you have done the wrong step to override _extend.less file.
The correct way to override _extend.less file:
Go in your theme Magento_Themewebcsssource create _extend.less and put your changes in that.
Thanks:)
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
hi, thank mate, that's right.. you save my day :)
– Yusuf Ibrahim
May 10 at 5:46
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%2f274085%2fcreate-less-file-for-custom-theme%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 have created the less file properly,
Run the Below command and check: (If grunt is installed properly, then your changes will reflect)
grunt refresh
grunt less:YourThemeName
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
arrgh you are right, voted yours as answer
– Yusuf Ibrahim
May 10 at 6:04
This Answer is not valid for our question, @YusufIbrahim why my answer is not acceptable for this question.
– Abrar Pathan
May 10 at 9:26
@Abrar Pathan, My answer is correct as per the default magento. Also your answer is right, but we used that less file on module basis.
– Mohammad Faizan
May 10 at 9:38
@AbrarPathan actually _extend.less works in both "Magento_Themewebcsssource" and "app/design/frontend/Senheng/default/web/css/source/", my mistake is I do not run "grunt refresh" before. but yes your anwer provide me more information for debugging
– Yusuf Ibrahim
May 10 at 9:39
@YusufIbrahim as per your question is not this issue is not Grunt related. Also, I can see your screenshot your grunt is working fine. In short, my answer is acceptble for this question. I think you are just asking the questions to make points on stack
– Abrar Pathan
May 10 at 9:47
|
show 2 more comments
You have created the less file properly,
Run the Below command and check: (If grunt is installed properly, then your changes will reflect)
grunt refresh
grunt less:YourThemeName
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
arrgh you are right, voted yours as answer
– Yusuf Ibrahim
May 10 at 6:04
This Answer is not valid for our question, @YusufIbrahim why my answer is not acceptable for this question.
– Abrar Pathan
May 10 at 9:26
@Abrar Pathan, My answer is correct as per the default magento. Also your answer is right, but we used that less file on module basis.
– Mohammad Faizan
May 10 at 9:38
@AbrarPathan actually _extend.less works in both "Magento_Themewebcsssource" and "app/design/frontend/Senheng/default/web/css/source/", my mistake is I do not run "grunt refresh" before. but yes your anwer provide me more information for debugging
– Yusuf Ibrahim
May 10 at 9:39
@YusufIbrahim as per your question is not this issue is not Grunt related. Also, I can see your screenshot your grunt is working fine. In short, my answer is acceptble for this question. I think you are just asking the questions to make points on stack
– Abrar Pathan
May 10 at 9:47
|
show 2 more comments
You have created the less file properly,
Run the Below command and check: (If grunt is installed properly, then your changes will reflect)
grunt refresh
grunt less:YourThemeName
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
You have created the less file properly,
Run the Below command and check: (If grunt is installed properly, then your changes will reflect)
grunt refresh
grunt less:YourThemeName
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
answered May 10 at 4:52
Mohammad FaizanMohammad Faizan
1569
1569
arrgh you are right, voted yours as answer
– Yusuf Ibrahim
May 10 at 6:04
This Answer is not valid for our question, @YusufIbrahim why my answer is not acceptable for this question.
– Abrar Pathan
May 10 at 9:26
@Abrar Pathan, My answer is correct as per the default magento. Also your answer is right, but we used that less file on module basis.
– Mohammad Faizan
May 10 at 9:38
@AbrarPathan actually _extend.less works in both "Magento_Themewebcsssource" and "app/design/frontend/Senheng/default/web/css/source/", my mistake is I do not run "grunt refresh" before. but yes your anwer provide me more information for debugging
– Yusuf Ibrahim
May 10 at 9:39
@YusufIbrahim as per your question is not this issue is not Grunt related. Also, I can see your screenshot your grunt is working fine. In short, my answer is acceptble for this question. I think you are just asking the questions to make points on stack
– Abrar Pathan
May 10 at 9:47
|
show 2 more comments
arrgh you are right, voted yours as answer
– Yusuf Ibrahim
May 10 at 6:04
This Answer is not valid for our question, @YusufIbrahim why my answer is not acceptable for this question.
– Abrar Pathan
May 10 at 9:26
@Abrar Pathan, My answer is correct as per the default magento. Also your answer is right, but we used that less file on module basis.
– Mohammad Faizan
May 10 at 9:38
@AbrarPathan actually _extend.less works in both "Magento_Themewebcsssource" and "app/design/frontend/Senheng/default/web/css/source/", my mistake is I do not run "grunt refresh" before. but yes your anwer provide me more information for debugging
– Yusuf Ibrahim
May 10 at 9:39
@YusufIbrahim as per your question is not this issue is not Grunt related. Also, I can see your screenshot your grunt is working fine. In short, my answer is acceptble for this question. I think you are just asking the questions to make points on stack
– Abrar Pathan
May 10 at 9:47
arrgh you are right, voted yours as answer
– Yusuf Ibrahim
May 10 at 6:04
arrgh you are right, voted yours as answer
– Yusuf Ibrahim
May 10 at 6:04
This Answer is not valid for our question, @YusufIbrahim why my answer is not acceptable for this question.
– Abrar Pathan
May 10 at 9:26
This Answer is not valid for our question, @YusufIbrahim why my answer is not acceptable for this question.
– Abrar Pathan
May 10 at 9:26
@Abrar Pathan, My answer is correct as per the default magento. Also your answer is right, but we used that less file on module basis.
– Mohammad Faizan
May 10 at 9:38
@Abrar Pathan, My answer is correct as per the default magento. Also your answer is right, but we used that less file on module basis.
– Mohammad Faizan
May 10 at 9:38
@AbrarPathan actually _extend.less works in both "Magento_Themewebcsssource" and "app/design/frontend/Senheng/default/web/css/source/", my mistake is I do not run "grunt refresh" before. but yes your anwer provide me more information for debugging
– Yusuf Ibrahim
May 10 at 9:39
@AbrarPathan actually _extend.less works in both "Magento_Themewebcsssource" and "app/design/frontend/Senheng/default/web/css/source/", my mistake is I do not run "grunt refresh" before. but yes your anwer provide me more information for debugging
– Yusuf Ibrahim
May 10 at 9:39
@YusufIbrahim as per your question is not this issue is not Grunt related. Also, I can see your screenshot your grunt is working fine. In short, my answer is acceptble for this question. I think you are just asking the questions to make points on stack
– Abrar Pathan
May 10 at 9:47
@YusufIbrahim as per your question is not this issue is not Grunt related. Also, I can see your screenshot your grunt is working fine. In short, my answer is acceptble for this question. I think you are just asking the questions to make points on stack
– Abrar Pathan
May 10 at 9:47
|
show 2 more comments
I have a review your question and I found that you have done the wrong step to override _extend.less file.
The correct way to override _extend.less file:
Go in your theme Magento_Themewebcsssource create _extend.less and put your changes in that.
Thanks:)
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
hi, thank mate, that's right.. you save my day :)
– Yusuf Ibrahim
May 10 at 5:46
add a comment |
I have a review your question and I found that you have done the wrong step to override _extend.less file.
The correct way to override _extend.less file:
Go in your theme Magento_Themewebcsssource create _extend.less and put your changes in that.
Thanks:)
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
hi, thank mate, that's right.. you save my day :)
– Yusuf Ibrahim
May 10 at 5:46
add a comment |
I have a review your question and I found that you have done the wrong step to override _extend.less file.
The correct way to override _extend.less file:
Go in your theme Magento_Themewebcsssource create _extend.less and put your changes in that.
Thanks:)
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
I have a review your question and I found that you have done the wrong step to override _extend.less file.
The correct way to override _extend.less file:
Go in your theme Magento_Themewebcsssource create _extend.less and put your changes in that.
Thanks:)
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
answered May 10 at 5:17
Abrar PathanAbrar Pathan
543
543
hi, thank mate, that's right.. you save my day :)
– Yusuf Ibrahim
May 10 at 5:46
add a comment |
hi, thank mate, that's right.. you save my day :)
– Yusuf Ibrahim
May 10 at 5:46
hi, thank mate, that's right.. you save my day :)
– Yusuf Ibrahim
May 10 at 5:46
hi, thank mate, that's right.. you save my day :)
– Yusuf Ibrahim
May 10 at 5:46
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%2f274085%2fcreate-less-file-for-custom-theme%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
