Magento 2 : How to add inline CSS from admin Layout Update XML?

Question

In Magento 1 we can add inline CSS from admin Layout Update XML like this :

<reference name="head">
 <block type="core/text" name="custom_css">
 <action method="setText">
 <text><![CDATA[
 <style type="text/css">
 .my-class {
 color: red;
 }
 </style> ]]>
 </text>
 </action>
 </block>
</reference>

how can this be implemented in Magento 2 admin Layout Update XML?

I've tried it in Magento 2.2 but it did not work

• Christoph Farnleitner: You're looking for something like this? magento.stackexchange.com/questions/123664/…
• Andhi Irawan: @christoph-farnleitner thanks.I have also been looking around magento.stackexchange.com/questions/107482/… just want to know whether the above mentioned method is applicable or not in magento 2.it is different way in magento 2

Answer 1

This is not currently possible in Magento 2. You can add in CSS classes with XML (the example that @Christoph Farnleitner), but not actual CSS itself.

• Andhi Irawan: thanks.i just want to know whether the above mentioned method is applicable or not in magento 2.so, it is different way in magento 2
• circlesix: yeah. You might come across some xml in M2 that has "style" like attributes in them. These are the UI Component system and they have things like "width" and such are elements that can be defined. So at first it might look like you can, but this is just trickery on Magento's part that only works with that system. You can now load css on just the pages you want with xml, that is handy to reduce code on the site.

Answer 2

A little bit tricky, in the inside content field you can use like this :

<style xml="space"><!--
/* your css snippet here */
--></style>

• Andhi Irawan: So you have to go through the Content section? If through the XML Update Layout, can it work too? Just curious. If can't, through Content it's more than enough. Thank you Bang Ansyori