Location of custom CSS ?

huuduy216

Hi,

Is the custom CSS code in admin panel stored somewhere inside the flarum folder? I'm planning on having a few people helping me on my flarum so kinda need it for version control.

aslk

huuduy216 admin panel > appearance > custom css

huuduy216

aslk I'm talking about if there is an actual file where that is stored

tankerkiller125

huuduy216 There are no actual files where that data is stored, that data is stored inside the database. You could however create an extension that loads your custom CSS and version control using that.

huuduy216

tankerkiller125 can I have some hint on how to achieve that?

tankerkiller125

huuduy216 https://docs.flarum.org/extend/frontend.html#css

010101

One solution is to not use the built in Custom CSS field in the admin area if you need to be able to download an actual file at any moment and replace it. Instead create a separate CSS file and call it in your Flarum's head. You may add things like JavaScript, CSS, etc., to the head of Flarum by editing your extend.php file. I think this is still accurate: https://discuss.flarum.org/d/20162-how-to-add-to-head-head

huuduy216

010101 this approach seems neat. Just to confirm, so I can literally just copy & paste my CSS inside of $document->head[] = '' ?

tankerkiller125

huuduy216 You could in theory do that, a better option however would be to create an extension, with a layout like:

Custom CSS Extension
|-- css
|   `-- custom.css
`-- extend.php

For the directory structure. Then in the extend.php file you would need:

<?php

use Flarum\Extend;

return [
    (new Extend\Frontend('forum'))
        ->css(__DIR__.'/css/custom.css')
];