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.