How can I add custom css file in luma theme magento 2How can I override default CSS properties in my...
How to prevent users from executing commands through browser URL
Making him into a bully (how to show mild violence)
LuaTex and em dashes
Why avoid shared user accounts?
Eww, those bytes are gross
A title for a history book
If I delete my router's history can my ISP still provide it to my parents?
Why was Lupin comfortable with saying Voldemort's name?
Play Zip, Zap, Zop
Why are the books in the Game of Thrones citadel library shelved spine inwards?
How would an AI self awareness kill switch work?
Writing a character who is going through a civilizing process without overdoing it?
What are "industrial chops"?
Quickly creating a sparse array
When can a QA tester start his job?
It took me a lot of time to make this, pls like. (YouTube Comments #1)
Can I write a book of my D&D game?
How should I handle players who ignore the session zero agreement?
Can a long polymer chain interact with itself via van der Waals forces?
Can a person refuse a presidential pardon?
Difference between i++ and (i)++ in C
How can animals be objects of ethics without being subjects as well?
Why publish a research paper when a blog post or a lecture slide can have more citation count than a journal paper?
How can I get my players to come to the game session after agreeing to a date?
How can I add custom css file in luma theme magento 2
How can I override default CSS properties in my theme?How to “override” default Magento2 “Luma” Theme with a Custom ThemeMagento 2: How to override Luma Theme Home Pagebootstrap into luma extended theme - magento2Magento 2 add custom stylecustom css file loads last in magento 2How can i override the luma theme category page stylings in new custom theme?How to add custom js file in Magento 2 in custom theme without use moduleadding custom css file priority in magento2Changes in Parent Luma theme is not reflected in Child Luma theme in Magento 2.3.0?
I have used Magento 2 with luma Theme.
I have custom design for theme. I want to add one custom.css file in site.
magento2
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
add a comment |
I have used Magento 2 with luma Theme.
I have custom design for theme. I want to add one custom.css file in site.
magento2
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
add a comment |
I have used Magento 2 with luma Theme.
I have custom design for theme. I want to add one custom.css file in site.
magento2
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
I have used Magento 2 with luma Theme.
I have custom design for theme. I want to add one custom.css file in site.
magento2
magento2
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
edited Aug 8 '18 at 14:09
Pratik Kamani
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
asked Aug 8 '18 at 14:00
Pratik KamaniPratik Kamani
849415
849415
add a comment |
add a comment |
3 Answers
3
active
oldest
votes
Create <your-theme-directory>/Magento_Theme/layout/default_head_blocks.xml
Add the following:
<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/your-css-file.css" />
</head>
</page>
See the dev docs for more info - https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/css-topics/css-themes.html
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
add a comment |
Go to your layout file in
magento/theme_forntend_luma/Magento_Theme/layout/default.xml
and add your css file in head section like
<?xml version="1.0"?>
<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/custom.css"/>
</head>
</page>
Then run
php bin/magento setup:static-content:deploy
command to deploy all the static content.
NOTE: Default.xml is used only when you want to apply your css changes in all the theme.
answered Aug 9 '18 at 0:12
i_alii_ali
37712
add a comment |
First create your css file for ex. custom.css
put this css at below path
app/design/frontend/Magento/Luma/web/css
After that specify the path of your css in below file:
app/design/frontend/Magento/Luma/Magento_Theme/layout/default_head_blocks.xml
add following in this file:
<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/custom.css"/>
</head>
</page>
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
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%2f237677%2fhow-can-i-add-custom-css-file-in-luma-theme-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-directory>/Magento_Theme/layout/default_head_blocks.xml
Add the following:
<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/your-css-file.css" />
</head>
</page>
See the dev docs for more info - https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/css-topics/css-themes.html
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
add a comment |
Create <your-theme-directory>/Magento_Theme/layout/default_head_blocks.xml
Add the following:
<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/your-css-file.css" />
</head>
</page>
See the dev docs for more info - https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/css-topics/css-themes.html
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
add a comment |
Create <your-theme-directory>/Magento_Theme/layout/default_head_blocks.xml
Add the following:
<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/your-css-file.css" />
</head>
</page>
See the dev docs for more info - https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/css-topics/css-themes.html
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
Create <your-theme-directory>/Magento_Theme/layout/default_head_blocks.xml
Add the following:
<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/your-css-file.css" />
</head>
</page>
See the dev docs for more info - https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/css-topics/css-themes.html
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
answered Aug 8 '18 at 14:13
Ben CrookBen Crook
8,9722477
8,9722477
add a comment |
add a comment |
Go to your layout file in
magento/theme_forntend_luma/Magento_Theme/layout/default.xml
and add your css file in head section like
<?xml version="1.0"?>
<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/custom.css"/>
</head>
</page>
Then run
php bin/magento setup:static-content:deploy
command to deploy all the static content.
NOTE: Default.xml is used only when you want to apply your css changes in all the theme.
answered Aug 9 '18 at 0:12
i_alii_ali
37712
add a comment |
Go to your layout file in
magento/theme_forntend_luma/Magento_Theme/layout/default.xml
and add your css file in head section like
<?xml version="1.0"?>
<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/custom.css"/>
</head>
</page>
Then run
php bin/magento setup:static-content:deploy
command to deploy all the static content.
NOTE: Default.xml is used only when you want to apply your css changes in all the theme.
answered Aug 9 '18 at 0:12
i_alii_ali
37712
add a comment |
Go to your layout file in
magento/theme_forntend_luma/Magento_Theme/layout/default.xml
and add your css file in head section like
<?xml version="1.0"?>
<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/custom.css"/>
</head>
</page>
Then run
php bin/magento setup:static-content:deploy
command to deploy all the static content.
NOTE: Default.xml is used only when you want to apply your css changes in all the theme.
answered Aug 9 '18 at 0:12
i_alii_ali
37712
Go to your layout file in
magento/theme_forntend_luma/Magento_Theme/layout/default.xml
and add your css file in head section like
<?xml version="1.0"?>
<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/custom.css"/>
</head>
</page>
Then run
php bin/magento setup:static-content:deploy
command to deploy all the static content.
NOTE: Default.xml is used only when you want to apply your css changes in all the theme.
answered Aug 9 '18 at 0:12
i_alii_ali
37712
answered Aug 9 '18 at 0:12
i_alii_ali
37712
answered Aug 9 '18 at 0:12
i_alii_ali
37712
answered Aug 9 '18 at 0:12
i_alii_ali
37712
37712
add a comment |
add a comment |
First create your css file for ex. custom.css
put this css at below path
app/design/frontend/Magento/Luma/web/css
After that specify the path of your css in below file:
app/design/frontend/Magento/Luma/Magento_Theme/layout/default_head_blocks.xml
add following in this file:
<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/custom.css"/>
</head>
</page>
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
add a comment |
First create your css file for ex. custom.css
put this css at below path
app/design/frontend/Magento/Luma/web/css
After that specify the path of your css in below file:
app/design/frontend/Magento/Luma/Magento_Theme/layout/default_head_blocks.xml
add following in this file:
<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/custom.css"/>
</head>
</page>
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
add a comment |
First create your css file for ex. custom.css
put this css at below path
app/design/frontend/Magento/Luma/web/css
After that specify the path of your css in below file:
app/design/frontend/Magento/Luma/Magento_Theme/layout/default_head_blocks.xml
add following in this file:
<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/custom.css"/>
</head>
</page>
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
First create your css file for ex. custom.css
put this css at below path
app/design/frontend/Magento/Luma/web/css
After that specify the path of your css in below file:
app/design/frontend/Magento/Luma/Magento_Theme/layout/default_head_blocks.xml
add following in this file:
<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/custom.css"/>
</head>
</page>
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
answered Aug 9 '18 at 3:57
Chintan KaneriyaChintan Kaneriya
320214
320214
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%2f237677%2fhow-can-i-add-custom-css-file-in-luma-theme-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
