Magento2: How to add separate css file on each cms page?

Is it possible to add individual CSS file on each cms page? Upon researching, I can do it by adding code on Layout update XML.

Unfortunately, it isn't working. Here's my code:

<head>

  <css src="Namespace_YourModule::css/styles.css"/>

</head>

enter image description here

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

Shall i know what is the scenario you need?

– Rama Chandran M
Jul 4 '17 at 13:20

i want to add css file on a specific cms page, in magento 1 here is the code <reference name="head"> <action method="addCss"> <stylesheet>css/custom.css</stylesheet> </action> </reference> i'm not sure on magento 2

– Richmond Azarraga
Jul 4 '17 at 13:23

add a comment |

Is it possible to add individual CSS file on each cms page? Upon researching, I can do it by adding code on Layout update XML.

Unfortunately, it isn't working. Here's my code:

<head>

  <css src="Namespace_YourModule::css/styles.css"/>

</head>

enter image description here

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

Shall i know what is the scenario you need?

– Rama Chandran M
Jul 4 '17 at 13:20

i want to add css file on a specific cms page, in magento 1 here is the code <reference name="head"> <action method="addCss"> <stylesheet>css/custom.css</stylesheet> </action> </reference> i'm not sure on magento 2

– Richmond Azarraga
Jul 4 '17 at 13:23

add a comment |

Is it possible to add individual CSS file on each cms page? Upon researching, I can do it by adding code on Layout update XML.

Unfortunately, it isn't working. Here's my code:

<head>

  <css src="Namespace_YourModule::css/styles.css"/>

</head>

enter image description here

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

Is it possible to add individual CSS file on each cms page? Upon researching, I can do it by adding code on Layout update XML.

Unfortunately, it isn't working. Here's my code:

<head>

  <css src="Namespace_YourModule::css/styles.css"/>

</head>

enter image description here

magento2 css xml cms page

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

edited Jul 4 '17 at 13:23

Mohit Kumar Arora

6,34841532

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

asked Jul 4 '17 at 13:14

Richmond Azarraga

5617

Shall i know what is the scenario you need?

– Rama Chandran M
Jul 4 '17 at 13:20

i want to add css file on a specific cms page, in magento 1 here is the code <reference name="head"> <action method="addCss"> <stylesheet>css/custom.css</stylesheet> </action> </reference> i'm not sure on magento 2

– Richmond Azarraga
Jul 4 '17 at 13:23

add a comment |

Shall i know what is the scenario you need?

– Rama Chandran M
Jul 4 '17 at 13:20

i want to add css file on a specific cms page, in magento 1 here is the code <reference name="head"> <action method="addCss"> <stylesheet>css/custom.css</stylesheet> </action> </reference> i'm not sure on magento 2

– Richmond Azarraga
Jul 4 '17 at 13:23

Shall i know what is the scenario you need?

– Rama Chandran M
Jul 4 '17 at 13:20

i want to add css file on a specific cms page, in magento 1 here is the code <reference name="head"> <action method="addCss"> <stylesheet>css/custom.css</stylesheet> </action> </reference> i'm not sure on magento 2

– Richmond Azarraga
Jul 4 '17 at 13:23

add a comment |

2 Answers
2

active

oldest

votes

<?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/mycustom.css" after="-" />

    </head>

</page>

answered Jan 5 '18 at 13:32

John

685520

add a comment |

If you're on < version 2.1.9 there was apparently a bug to prevent this from working, I've never tried it but you can read about it here - Adding CSS to a CMS page using Layout Update XML

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

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
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f181994%2fmagento2-how-to-add-separate-css-file-on-each-cms-page%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

<?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/mycustom.css" after="-" />

    </head>

</page>

answered Jan 5 '18 at 13:32

John

685520

add a comment |

<?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/mycustom.css" after="-" />

    </head>

</page>

answered Jan 5 '18 at 13:32

John

685520

add a comment |

<?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/mycustom.css" after="-" />

    </head>

</page>

answered Jan 5 '18 at 13:32

John

685520

<?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/mycustom.css" after="-" />

    </head>

</page>

answered Jan 5 '18 at 13:32

John

685520

answered Jan 5 '18 at 13:32

John

685520

answered Jan 5 '18 at 13:32

John

685520

answered Jan 5 '18 at 13:32

John

685520

add a comment |

If you're on < version 2.1.9 there was apparently a bug to prevent this from working, I've never tried it but you can read about it here - Adding CSS to a CMS page using Layout Update XML

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

add a comment |

If you're on < version 2.1.9 there was apparently a bug to prevent this from working, I've never tried it but you can read about it here - Adding CSS to a CMS page using Layout Update XML

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

add a comment |

If you're on < version 2.1.9 there was apparently a bug to prevent this from working, I've never tried it but you can read about it here - Adding CSS to a CMS page using Layout Update XML

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

If you're on < version 2.1.9 there was apparently a bug to prevent this from working, I've never tried it but you can read about it here - Adding CSS to a CMS page using Layout Update XML

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

answered Jan 5 '18 at 14:24

Ben Crook

8,7202273

add a comment |

draft saved

draft discarded

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.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Mfrhtyj