Boxes around each category



  • Does anyone know what CSS would need to be modified and how to get boxes around each top level category on the main page? Similar to the Cabane Libre theme.


  • Global Moderator

    Can you provide a screenshot or something showing what you want?


  • GNU/Linux

    I'm use persona theme and modify theme.less

    Add this line :

    .category-item,.row li {margin-bottom:6px;margin-left:2px;margin-right:2px;background-color:#f6f9fd;-webkit-border-radius:7px;border-radius:7px}
    


  • @The-Worms, I added this to the very end of ./node_modules/nodebb-theme-persona/less/bootstrap/theme.less

    I stopped nodebb, did a nodebb build, restart nginx, and started nodebb again. Nothing happened. Any idea what's wrong?

    Edit: fixed. I modified it in node_modules/nodebb-theme-persona/theme.less instead. That's weird it didn't work, since that file has an include to the one in the bootstrap directory.



  • This looks great. Is there a way to change that box color when different skins are selected? I'm assuming I just need to go into the skins in question, and then add that same line in a file somewhere with the color I want.

    Edit: Looks like that's not possible. The skins are dynamically loaded from bootswatch.com, there are no files for them.


  • GNU/Linux

    @signal15 said in Boxes around each category:

    @The-Worms, I added this to the very end of ./node_modules/nodebb-theme-persona/less/bootstrap/theme.less

    I stopped nodebb, did a nodebb build, restart nginx, and started nodebb again. Nothing happened. Any idea what's wrong?

    Edit: fixed. I modified it in node_modules/nodebb-theme-persona/theme.less instead. That's weird it didn't work, since that file has an include to the one in the bootstrap directory.

    Use live edit css in adminboard for your test :
    0_1532542191735_Capture.PNG


  • Admin

    It is not advisable to edit the theme in node_modules/ directly, as future upgrades will replace those files. As @The-Worms says, you should make your one-off CSS fixes in the admin panel.



  • Thanks, I will fix it.


 

Suggested Topics

| |