Loading
Experience Cloud
Table of Contents
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

          Search all of Salesforce Help
          Use Branding Sets in Experience Builder

          Use Branding Sets in Experience Builder

          Branding sets let you automatically change the look of your sites for different audiences and shift quickly between brands or presentations for campaigns or events.

          Required Editions

          Available in: both Salesforce Classic and Lightning Experience
          Available in: Enterprise, Performance, Unlimited, and Developer Editions
          User Permissions Needed
          To customize or publish an Experience Cloud site:
          • Create and Set Up Experiences AND View Setup and Configuration AND be a member of the site

            OR

          • View Setup and Configuration AND be a member of the site AND have appropriate role-based site access

          Branding Sets are bundled collections of images, fonts, and colors that can dramatically and dynamically change the look and feel of your site. You manage branding sets in the Experience Builder’s Theme panel. If you’re using a pre-built theme, the branding set doesn’t affect the header and hero areas of your site.

          Main Branding Set menu in Theme Panel
          Note
          Note Branding sets apply only to colors, images, and fonts. For more information on targeting layout or content to a specific group, see Personalization with Audience Targeting in Aura Sites.

          Custom color adjustment in Branding panel

          You can maintain and manage several branding sets for any site. Each set (1) is a collection of colors and other elements that you can apply manually or programmatically, using Audiences. You can also start a new set from scratch (2).

          Note
          Note While you can create many automatic responses to audience, Dynamic Branding, such as declarations of Action Color, doesn’t work with pre-built themes.

          Manage each set, from its menu.

          Branding Set managment menu

          To create or edit a branding set, select it and the attributes you want to bundle.

          1. Open the Theme panel and select Manage Branding Sets.
            Main Branding Set menu in Theme Panel
          2. Choose the branding set to edit, or create one. All of your changes are associated with the selected branding set.
          3. (Optional) Experience Builder can generate a color scheme for you when you select Generate Palette from Image in the Colors panel.
            1. In the Colors panel, click Generate Palette from Image
            2. Choose your previously uploaded company logo or a different image, like an image of your company palette. Experience Builder extracts the main colors from the image and generates a scheme.
            3. To modify colors, click the color swatch. To adjust the color, use the slider or enter hex values.Custom color adjustment in Branding panel
          4. To set the attributes of your branding set, in the Theme panel, select or adjust the fonts, images, and colors.
            Your changes are saved automatically and appear instantly on the page. To review the results, select various page types from the Pages menu.
            Note
            Note If public access is enabled in Experience Builder at the page or site level, the Let guest users view asset files and CMS content available to the site preference is enabled in Administration | Preferences. This preference remains enabled as long as any page has public access enabled. If you upload images for use on site login pages, be sure that this preference is enabled.When you add an image to your site for the first time, an asset file is automatically created and stored in the Org Asset Library.
            You can always tell which branding set is active by looking at the Theme panel.Theme panel with branding set name highlighted

          Remember that branding sets apply only to colors, images, and fonts. For more information on targeting layout or content to a specific group, see Personalization with Audience Targeting in Aura Sites

          Note
          Note Not all components in pre-built themes support audience targeting. You can confirm if a component can be targeted by looking in its component properties panel menu (1) for the Audience (2) section. If the section is missing or if there isn’t a menu on the component properties panel, then the component doesn’t support audience targeting.

          Audience section of component properties menu

          If you can’t find a way to control aspects of your site through the Theme panel or component properties, you can create your own CSS overrides. Your overrides apply to, and are remembered for, the currently active theme. Click Actions | Edit CSS on the Theme panel to use your own CSS styles. Use CSS sparingly, and only when necessary, in case future releases of template components don’t support all CSS customizations.

           
          Loading
          Salesforce Help | Article