Override background image/color in the community using the Napili template

Question

I've been testing the customization capabilities of communities with napili template. One of the very basic things I cannot easily do is, branding. I can update the logo, but not the background. It seems I need to override the CSS, found the below snippet that helps to change the background,

.default-bg-overlay { background: white none repeat scroll 0 0 !important; }

The above one change the header color, but not the body, I also cannot set the background image. What would be the right way to do it?

Answer 1

To update the background, in the branding editor, there should be an "edit" pencil or brush referring to "Edit CSS"

from there you can change the background with appropriate css styling.

for Ex.

body
{
background: red;
}

You should see your "body" change color.

Please refer to this documentation for further customizations.

UPDATE (Witner '18):

Lightning Communities now support changing the background color from the Branding Editor's properties: