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

https://github.com/NodeBB/nodebb-theme-persona/commit/304909d3584901b2cbd88087dbdf265a242d0f7d

0 barisusakli committed to NodeBB/nodebb-theme-persona

Merge pull request #291 from pichalite/skins-fix

add bootswatch skin class to body tag

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

https://github.com/NodeBB/NodeBB/issues/3886

BSFishy created this issue in NodeBB/NodeBB

closed ability to edit skin colors #3886