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












2















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










share|improve this question

























  • 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
















2















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










share|improve this question

























  • 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














2












2








2


1






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










share|improve this question
















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jul 4 '17 at 13:23









Mohit Kumar Arora

6,34841532




6,34841532










asked Jul 4 '17 at 13:14









Richmond AzarragaRichmond Azarraga

5617




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



















  • 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





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





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










2 Answers
2






active

oldest

votes


















0














<?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>





share|improve this answer































    0














    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






    share|improve this answer























      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


















      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















      Required, but never shown

























      2 Answers
      2






      active

      oldest

      votes








      2 Answers
      2






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      0














      <?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>





      share|improve this answer




























        0














        <?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>





        share|improve this answer


























          0












          0








          0







          <?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>





          share|improve this answer













          <?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>






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Jan 5 '18 at 13:32









          JohnJohn

          685520




          685520

























              0














              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






              share|improve this answer




























                0














                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






                share|improve this answer


























                  0












                  0








                  0







                  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






                  share|improve this answer













                  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







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Jan 5 '18 at 14:24









                  Ben CrookBen Crook

                  8,7202273




                  8,7202273






























                      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














                      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















                      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







                      Popular posts from this blog

                      1300-talet

                      1300-talet

                      Display a custom attribute below product name in the front-end Magento 1.9.3.8