• adigizpanorama_fish_eye
    3 posts
    8 years ago

    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 8 years ago.

  • rafalppanorama_fish_eye
    8 years ago

    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.

  • adigizpanorama_fish_eye
    3 posts
    8 years ago

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

  • rafalppanorama_fish_eye
    8 years ago

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

  • adigizpanorama_fish_eye
    3 posts
    8 years ago

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

  • rafalppanorama_fish_eye
    8 years ago

    Its forum name entered in site settings.

Search
  • Enter search query (at least 3 characters).

Your options