--- schema_version: "1" id: 3c41726c9db285d51bc57771591602ba6aa3bacdd6acd6cf1e8c2f6c65704379 title: Site Look-and-Feel Customization collection: mulesoft version: current locale: en-us portal_url: https://docs.salesforce.com/mulesoft/current/en-us/api-community-manager/customize.md canonical_url: https://docs.mulesoft.com/api-community-manager/customize source_site: docs.mulesoft.com content_type: documentation content_hash: 82760db62d5a3cbdb8d3fcbced46c5d0abd38c1336f65fce15f9c9c7cf970a5c description: MuleSoft Documentation Site latest: true --- --- product: API Community Manager --- # Site Look-and-Feel Customization > For the full documentation index, see: https://docs.mulesoft.com/llms.txt [Experience Builder](https://help.salesforce.com/s/articleView?language=en_US&id=community_designer_overview.htm&type=5) enables you to create a Salesforce Experience Cloud site with your desired brand identity, look and feel, and site structure by providing control over the site’s components, themes, and pages, and its settings for general properties, themes, and SEO. In the Anypoint API Community Manager control panel, click **Shortcuts to applications** and select **Site Builder** to open your site for editing. With Site Builder you can edit each page in your community, create new pages, and add and edit the components in each page. If you don’t see **API Community Manager** in **App Launcher**, follow [Enable API Community Manager Control Panel](https://docs.mulesoft.com/api-community-manager/manual-setup#enable-api-community-manager-control-panel). Site Builder’s interface contains the pages list, component palette, theme menu, page structure menu, and settings menu. API Community Manager is not certified for use on mobile devices. Some functionality works on mobile devices, but some functionality such as the API console does not. ## Pages List The **Pages** list shows the pages included with API Community Manager and the pages you have added, and enables you to select and edit each page. The included page **Home** is selected by default. The **Pages** list enables you to create new pages by using the **New Page** option. A new page can be an object page or a standard page. Object pages are used only with Salesforce objects, so a custom community page starts as a standard page. A standard page can start from one of the preconfigured pages or as a new blank page. Make a new blank page by selecting the layout and then entering the new page’s name and URL. Use that URL to make links to the new page, including links in menus. The new page displays with placeholders for content based on the layout. Fill in a new page by adding components from the **Components** menu, such as a Headline component in the page header, or an API Community Manager Lightning component such as an API Version Carousel. The **Pages** list shows the editable configuration properties for each page, which are described in [Manage Your Community’s Pages and Their Properties in Experience Builder](https://help.salesforce.com/s/articleView?language=en_US&id=community_builder_manage_pages_overview.htm&type=5). ## Components Clicking the **Components** lightning bolt icon displays the component palette, which includes Salesforce Experience Cloud components, such as Headline or Featured Topics, and components specific to API Community Manager, such as API Carousel or API Console. You can drag any component from the component palette to the current page. Select the component on the page to show the component’s configuration options. Detailed component information is available from the page [Description of API Community Manager Lightning Components](https://docs.mulesoft.com/api-community-manager/acm-lightning-components) and the Salesforce Experience Cloud [Components](https://help.salesforce.com/s/articleView?language=en_US&id=rss_component_reference_table.htm&type=5) documentation. Components typically used in home pages include: - [Headline](https://help.salesforce.com/s/articleView?language=en_US&id=rss_headline.htm&type=5) - [CMS Collection](https://help.salesforce.com/s/articleView?language=en_US&id=rss_cms_collection.htm&type=5) - API Carousel Displays APIs and API versions that are available to the community from Anypoint Exchange. - API Details Button Provides details about an API. - [Rich text editor](https://help.salesforce.com/s/articleView?language=en_US&id=community_builder_rich_text_component.htm&type=5) - [HTML editor](https://help.salesforce.com/s/articleView?language=en_US&id=rss_html_editor.htm&type=5) - [Navigation Menu](https://help.salesforce.com/s/articleView?language=en_US&id=rss_setup_nav_menu.htm&type=5) The Navigation Menu component provides the menu for navigating the site, with settings for Max Items to Display (2-15) and Menu Item Alignment, and a **Navigation Menu** button to edit the links on the navigation menu. The menu always starts with the **Home** link. Other links can be added, removed, and reordered. Each link other than **Home** can be customized with these options: - **Name** Sets the link name. - **Type** Sets the link type, such as **Community Page** or **External URL**. - **Page** Specifies community page links from a list of all community pages. - **Publicly available** Sets whether the link is available to all page viewers or only logged in community members. Components typically used in API details pages include: - **API Header** Specifies the API name and description. - **Tabs** Contains these components: - **API Documentation Viewer** Displays API Exchange information. - **API Console** Renders information from the API RAML specification. - **API Custom Field Table** or **API Custom Field Pills** Displays custom fields and their values from the API. - **Feed** Displays comments, discussions, and questions. - **API Access Requestor** Registers a client application and requests access to the API. - **Learn More Button** Provides additional information about the API. Components typically used in **My Application** pages include: - Application Listing Lists all client applications that the member has registered and can access. You can drag items on a page to reorder them. ## Theme Clicking the **Theme** paintbrush icon offers these general branding parameters: - **Colors** Sets the site’s general color scheme, including paragraph, heading, and button text. - **Images** Specifies the site’s company logo and the login page’s background Image. - **Fonts** Specifies the site’s fonts, which include a primary font and header fonts, and specifies the site’s text case. - [Theme Settings](https://help.salesforce.com/s/articleView?language=en_US&id=community_builder_theme_adjust.htm&type=5) You can adjust community styling by editing the CSS rules. Next to the **Theme** title, click the **Theme** list, and click **Edit CSS**. Refer to [Customize Your Experience Site Theme](https://help.salesforce.com/s/articleView?language=en_US&id=community_builder_theme_customize.htm&type=5). ## Page Structure Clicking the **Page Structure** icon, which resembles a bulleted list, shows the components in the current page and enables you to select and remove them. Selecting a component displays its configuration menu. ## Settings Clicking the **Settings** gear icon offers these parameters: - [General](https://help.salesforce.com/s/articleView?language=en_US&id=community_builder_general_settings.htm&type=5) - [Theme](https://help.salesforce.com/s/articleView?language=en_US&id=community_builder_theme.htm&type=5) - **SEO** Search Engine Optimization (SEO) features define what information can be indexed by external services and discovered through online searches, and can increase traffic to your public community. Refer to the [Experience Builder Settings](https://help.salesforce.com/s/articleView?language=en_US&id=community_builder_general_settings.htm&type=5) help topic for additional information. ## See Also You can find further information in the Salesforce Experience Cloud documentation: - [Customize Sites with Experience Builder](https://help.salesforce.com/s/articleView?language=en_US&id=community_designer_customize_templates.htm&type=5) - [Experience Cloud Overview](https://help.salesforce.com/s/articleView?language=en_US&id=networks_resources.htm&type=5) - Salesforce Trailhead training: [Community Branding](https://trailhead.salesforce.com/content/learn/projects/set-up-a-community/brand-the-community) - Salesforce Trailhead training: [Build a Custom Theme Layout Component for Experience Builder Sites](https://trailhead.salesforce.com/content/learn/projects/communities_theme_layout)