Boxes around each category

[signal15]

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.

[PitaJ]

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

[The Worms]

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}

[signal15]

@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.

[signal15]

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.

[The Worms]

@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 :

[julian]

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.

[signal15]

Thanks, I will fix it.