1

I want to custom restyle the default NAV MENU CSS of the Communities Customer Account Portal Theme to match my company branding.

How or whats the best location to over-write default out of box style but still keep the menu?

Has anyone ever successfully Re-styled the default Nav Menu with your own branding styles, font sizes and etc inside a Communities Theme?

Please let me know or point me to the correct direction. If there are concerns or if this is a limitation of Sales Force Theme branding, please let me know and advise accordingly. My management wants to re-customize the Default Nav Menu.

Thanks in Advance.

1

You have the below options for customizing the "Customer Account Portal" template.

You can find more details on customizing templates on the documentation here.

  1. You can customize the text and background color of the navigation menu from "Builder --> Theme --> Colors" and then selecting the Text and Background Color as depicted in the image below. enter image description here

  2. You can edit the default template CSS from the same menu as depicted below. For details refer CSS Overrides Migration for the Navigation Menu and the documentation. However, its not recommended to edit the default CSS because of the reason mentioned in the document. enter image description here

    However, use custom CSS sparingly because future releases of template components might not support your CSS customizations.


Anything beyond this would need a custom theme template to be created. More details can be found on the documentation here.

0

Since Winter '18, it is possible to set the Text and Background color for the Navigation Menu separately in the Branding settings of the template.

The Header Background Color setting mentioned in the accepted answer, now controls the background of the header containing the search bar and the profile link. It does not influence the navigation menu anymore.

enter image description here

https://releasenotes.docs.salesforce.com/en-us/winter18/release-notes/rn_networks_brandingprops.htm

0

Is it possible to export this style so that when deploying the community another environment I don't need to set the style again?

8
  • It's better to ask this question separately than posting it as an answer to an existing question, but this is indeed possible, either by using the SiteDotCom or ExperienceBundle metadata types
    – Folkert
    Jun 29 '20 at 7:57
  • It's case by case in my org I didn't get the options. Probably compatibility issue since my community was built a couple of years ago. I might have to rebuild the template from scratch to get this options. So I am not trying to solve this problem for now Jun 29 '20 at 8:09
  • 1
    Yea, the available options change almost every release, but only if you update the template.
    – Folkert
    Jun 29 '20 at 9:36
  • Thanks for quick response. How to catch up the release? Just following release note? There is any tool to know what I metadata I need to upgrade etc... Jun 29 '20 at 17:20
  • If you go to the Community Builder, click on the Settings icon and then go the Updates, you can see whether or not you're using the latest version of the template. From there you can also upgrade if applicable.
    – Folkert
    Jun 30 '20 at 7:47

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.