[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

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.

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.

LousyLynx created this issue in NodeBB/NodeBB