Custom bootstrap overriding my luma theme style
I added the external bootstap in my custom theme I want to be it before style-l.css I referred Load Custom CSS After style-l.css For Home Page but it's only working from home page, not for other, please help me with this
magento2 styles theme-overriding
edited 5 mins ago
Shoaib Munir
19213
asked 21 mins ago
PunithPunith
12
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
I added the external bootstap in my custom theme I want to be it before style-l.css I referred Load Custom CSS After style-l.css For Home Page but it's only working from home page, not for other, please help me with this
magento2 styles theme-overriding
edited 5 mins ago
Shoaib Munir
19213
asked 21 mins ago
PunithPunith
12
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
I added the external bootstap in my custom theme I want to be it before style-l.css I referred Load Custom CSS After style-l.css For Home Page but it's only working from home page, not for other, please help me with this
magento2 styles theme-overriding
edited 5 mins ago
Shoaib Munir
19213
asked 21 mins ago
PunithPunith
12
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
I added the external bootstap in my custom theme I want to be it before style-l.css I referred Load Custom CSS After style-l.css For Home Page but it's only working from home page, not for other, please help me with this
magento2 styles theme-overriding
magento2 styles theme-overriding
edited 5 mins ago
Shoaib Munir
19213
asked 21 mins ago
PunithPunith
12
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 5 mins ago
Shoaib Munir
19213
asked 21 mins ago
PunithPunith
12
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 5 mins ago
Shoaib Munir
19213
edited 5 mins ago
Shoaib Munir
19213
edited 5 mins ago
Shoaib Munir
19213
19213
asked 21 mins ago
PunithPunith
12
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 21 mins ago
PunithPunith
12
asked 21 mins ago
PunithPunith
12
12
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Punith is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The thread you have mentioned in your question is doing just opposite of your requirement; i.e, it loads a static asset file after style-l.css and style-m.css.
If you want to load your CSS file before those two CSS files and in every page. You need to put your code in default.xml under your theme.
File : app/design/frontend/[Package]/[Theme]/Magento_Theme/layout/default.xml
<?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="Magento_Theme::css/bootstrap.css" />
</head>
</page>
Now insert your bootstrap CSS file at the location app/design/frontend/[Package]/[Theme]/Magento_Theme/web/css/bootstrap.css
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
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
});
}
});
Punith is a new contributor. Be nice, and check out our Code of Conduct.
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%2f260314%2fcustom-bootstrap-overriding-my-luma-theme-style%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The thread you have mentioned in your question is doing just opposite of your requirement; i.e, it loads a static asset file after style-l.css and style-m.css.
If you want to load your CSS file before those two CSS files and in every page. You need to put your code in default.xml under your theme.
File : app/design/frontend/[Package]/[Theme]/Magento_Theme/layout/default.xml
<?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="Magento_Theme::css/bootstrap.css" />
</head>
</page>
Now insert your bootstrap CSS file at the location app/design/frontend/[Package]/[Theme]/Magento_Theme/web/css/bootstrap.css
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
add a comment |
The thread you have mentioned in your question is doing just opposite of your requirement; i.e, it loads a static asset file after style-l.css and style-m.css.
If you want to load your CSS file before those two CSS files and in every page. You need to put your code in default.xml under your theme.
File : app/design/frontend/[Package]/[Theme]/Magento_Theme/layout/default.xml
<?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="Magento_Theme::css/bootstrap.css" />
</head>
</page>
Now insert your bootstrap CSS file at the location app/design/frontend/[Package]/[Theme]/Magento_Theme/web/css/bootstrap.css
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
add a comment |
The thread you have mentioned in your question is doing just opposite of your requirement; i.e, it loads a static asset file after style-l.css and style-m.css.
If you want to load your CSS file before those two CSS files and in every page. You need to put your code in default.xml under your theme.
File : app/design/frontend/[Package]/[Theme]/Magento_Theme/layout/default.xml
<?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="Magento_Theme::css/bootstrap.css" />
</head>
</page>
Now insert your bootstrap CSS file at the location app/design/frontend/[Package]/[Theme]/Magento_Theme/web/css/bootstrap.css
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
The thread you have mentioned in your question is doing just opposite of your requirement; i.e, it loads a static asset file after style-l.css and style-m.css.
If you want to load your CSS file before those two CSS files and in every page. You need to put your code in default.xml under your theme.
File : app/design/frontend/[Package]/[Theme]/Magento_Theme/layout/default.xml
<?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="Magento_Theme::css/bootstrap.css" />
</head>
</page>
Now insert your bootstrap CSS file at the location app/design/frontend/[Package]/[Theme]/Magento_Theme/web/css/bootstrap.css
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
answered 9 mins ago
Rajeev K TomyRajeev K Tomy
14.4k54585
14.4k54585
add a comment |
add a comment |
Punith is a new contributor. Be nice, and check out our Code of Conduct.
Punith is a new contributor. Be nice, and check out our Code of Conduct.
Punith is a new contributor. Be nice, and check out our Code of Conduct.
Punith is a new contributor. Be nice, and check out our Code of Conduct.
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%2f260314%2fcustom-bootstrap-overriding-my-luma-theme-style%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
