• Members 3 posts
    April 21, 2017, 7:48 a.m.

    Hey rafal, really love your work. But i'm kinda stuck on how to edit the front end. I've seen so many less files and i don't know where to start. I wanted to make it looked like the file i attached. At least i wanted to start from the header customization... any help is appreciated

    FORMASI -UI [Recovered]-02.png

    PNG, 30.2 KB, uploaded by adigiz on April 21, 2017.

  • April 21, 2017, 9:51 a.m.

    With how node.js influenced frontend dev is those days, looking for index files is good way to start. The entry file to Misago's styles lies here. To customize your CSS you'll need to clone Misago's frontend somewhere and edit gulpfile.js's var misago to point to theme/static/misago directory. theme directory is created together with rest of files when you run startmisago.py, but you'll need to create misago dir within theme/static yourself.

    Once this is done, you can run gulp watchstyle that will watch less files for changes and will rebuilt theme/static/misago/css/style.css if any of them change. If you are pleased with results, run gulp style which will build minified style.css that you may deploy on production. If you want to add static files like images, you may drop them in theme/static as well and they will work too.

    I'm currently working for default theme for Misago, and eventually I'll love to improve and document process of writing custom themes for forums, but for now cloning and modifying frontend is best option.

  • Members 3 posts
    April 22, 2017, 4:08 a.m.

    Where can i find the navbar LESS file or edit the navbar?

  • April 22, 2017, 2:43 p.m.

    You'll need to create your own navbar.less file, write custom styles in it and include it in index.less.

  • Members 3 posts
    April 25, 2017, 12:21 p.m.

    How can i Edit the "Misago" text in the header?