[solved. Thanks to jarey, yariplus, pichalite] How to add background image to persona theme?

noobbb

I searched a lot but I couldn't find any solution. Is this possible? Thanks.

jarey

@noobbb i think you could do that with custom css or directly modifying the theme.

With custom css you can apply the background-image property to the body or other selector you may want the background in.

Modifying the theme you can to that in the .less of the theme itself.

yariplus

I recommend the CSS way. It's under Appearance=>Custom HTML & CSS, make sure you check the little box.

body {
    background-image: url(https://image.freepik.com/free-vector/free-blue-light-vector-background_51-9976.jpg);
}

noobbb

@jarey @yariplus

Thank you both. Custom css was quick and easy.

Is there a way to edit a skin? I like the "slate skin" but it renders notifications (top right) illegible.

yariplus

Not within the admin panel. There was some discussion about it before, but I don't think there was a ton of interest.

pichalite

@yariplus @noobbb check this commit. it adds a skin specific class to body tag so you can add custom css specific to the skin.

notification dropdown visibility should be fixed with that commit though.

Merge pull request #291 from pichalite/skins-fix · NodeBB/nodebb-theme-persona@304909d

Persona - A modern and responsive NodeBB theme. Contribute to NodeBB/nodebb-theme-persona development by creating an account on GitHub.

GitHub (github.com)

noobbb

@pichalite Oh, thanks! It's ok. I did a bunch of custom css code after I added the background. I couldn't stop. It was too fun. lol

yariplus

Just linking this related issue.

ability to edit skin colors · Issue #3886 · NodeBB/NodeBB

I think it would be cool, but might take a little bit, if you made it so that admins could make custom skins by just changing the colors, and setting if it is a round or square skin, so like the Cerulean skin VS. the Cosmo theme. I know ...

GitHub (github.com)