0

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?

3

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

enter image description here

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:

enter image description here

  • The guide you linked to has now been retired - current one is at developer.salesforce.com/docs/… otherwise good answer. – Dave Humm May 9 '17 at 10:26
  • Thanks @Dave Humm, I have updated the link in the answer. – glls May 9 '17 at 13:19
  • @glls This workaround works just fine. BUT, whenever the community page loads for the first time, header background would come up with GRAY color and then applies/re-renders to the color we had in the Custom Css. This makes end users to see color switch and that doesn't seem good at all. – Arnold Jr. Sep 25 '17 at 18:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.