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.
-
Can you provide a screenshot or something showing what you want?
-
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.
-
@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 :
-
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.
