We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 43488
    • 5 Posts
    Try It!
    In previous versions of ModX (Evo and Revo), you used to have to go through tricks. Now with 2.2.2pl, it is possible with very few tricks. The information to do this is sparse and inaccurate any more. Here's how you do it:
    Create Your Template

    Create a new Template. I named mine CSS Stylesheet. (Simple as that)

    For the content, simply put [[*content]].

    Create Your CSS Page

    Create a new resource. Name it whatever you would like.

    Add your alias. Make sure you do not add the .css at the end. ModX should do this for you.

    Now, make sure your new page is published. You may also want to hide from menus.

    Add your CSS code. No funny tricks... Just copy and paste it like you normally would.

    Test the Stylesheet

    Simply navigate directly to your new page as if it were an html document. Don't forget the .css instead of .html. If you see the CSS code, then you've succeeded.
    Add Your CSS to the Templates

    This one is the tricky part. You won't be able to use the <link rel=></link>.

    Simply go to your <head> element. Add the following code:

    <style type="text/css"> @import url(""); </style>

    Test the

    Inside the url("");, just place the url to your new resource.