# mulesoft API Community Manager - Full Documentation --- product: API Community Manager --- # Accessibility > For the full documentation index, see: https://docs.mulesoft.com/llms.txt All Anypoint API Community Manager components, including both components provided by MuleSoft and components in Salesforce Experience Cloud, comply with the Web Content Accessibility Guidelines (WCAG) 2.1 AA-level accessibility standard and enable the creation of sites compliant with this standard and level. Because MuleSoft customers design and brand their API communities, accessibility assessment for sites built with API Community Manager depends on the customer’s choice of design, structure, visual, user interface, and behavior elements. Customers are responsible for accessibility assessment of these aspects in their specific community. The API Community Manager community template for the fictional company Northern Trail Outfitters (NTO) is provided only as an example. It is not intended for customers to use as-is for their live communities. This template has not been assessed for accessibility. ## See Also - Accessibility in Salesforce Experience Cloud: [Salesforce Product Accessibility Status](https://www.salesforce.com/company/legal/508_accessibility/) - [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/) --- product: API Community Manager --- # Administer Your Site > For the full documentation index, see: https://docs.mulesoft.com/llms.txt Administering your Anypoint API Community Manager site includes performing basic maintenance on your API Community Manager Salesforce organization, checking for important notifications about new API Community Manager upgrades and downtime, performing diagnostics, and using sandboxes. Administering your site also includes getting support from MuleSoft, if necessary. These pages explain how to perform each action: - Salesforce documentation: [Maintain an Organization](https://help.salesforce.com/s/articleView?language=en_US&id=setup_overview.htm&type=5) - [Check for Important Notifications](https://docs.mulesoft.com/api-community-manager/notifications) - [Upgrades](https://docs.mulesoft.com/api-community-manager/update-acm) - [Administer Salesforce Releases and Migrations](https://docs.mulesoft.com/api-community-manager/salesforce-releases-migrations) - [Check API Community Manager Diagnostics](https://docs.mulesoft.com/api-community-manager/diagnostics) - [Use API Community Manager Sandboxes](https://docs.mulesoft.com/api-community-manager/sandboxes) - [Contact MuleSoft Support](https://docs.mulesoft.com/api-community-manager/mulesoft-support) --- product: API Community Manager --- # Advanced Styling with CSS > For the full documentation index, see: https://docs.mulesoft.com/llms.txt Anypoint API Community Manager offers advanced styling functionality with editable community site Cascading Style Sheets (CSS). The following sections summarize the available options. For detailed information, refer to [Override Template Elements with Custom CSS](https://developer.salesforce.com/docs/atlas.en-us.communities_dev.meta/communities_dev/communities_dev_customize_css.htm) in the Experience Cloud Developer Guide. ## Edit the CSS 1. In the API Community Manager control panel, click **Shortcuts to applications** and select **Site Builder**. 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). 2. Select the paintbrush icon in the sidebar navigation to open the **Theme** menu. 3. Select the drop-down arrow in the corner of the menu and select **Edit CSS**. 4. Edit the CSS file in the **Edit CSS** dialog box. 5. When you are finished with your changes, select **Save**. ## Example You can use CSS to change the colors of the API Community Manager Theme: ```css search-bar-container { background: #342b4a !important; } ``` ## CSS Classes ### ACM Search Box
| Class | Description |
|---|---|
| Container |
| Result |
| Results |
| Result group |
| Class | Description |
|---|---|
| Search result |
| Name |
| Description |
| API Detail |
| API Learn More |
| All page |
| Page |
| Container |
| Tab menu container |
| Info |
| Empty main text message |
| Empty header message |
| Class | Description |
|---|---|
| Carousel container |
| Empty cards message |
| Slick-slider component container |
| Carousel bottom dots navigation |
| Left and right arrows navigation |
| Class | Description |
|---|---|
| Catalog container |
| Catalog header |
| Categories container |
| Small search used when the search bar is beside the categories |
| Small search input |
| Multiple selection container |
| Multiple selection label |
| Multiple selection component for categories |
| Container for chips, selected categories label, and clear all button |
| Chips label |
| Clear All button |
| Chips container |
| Container for one chip with label and close icon |
| Chip label |
| Chip close icon |
| Separator |
| Search container |
| Standard size search used when the search bar is below the categories |
| APIs container |
| Page indicator |
| Empty cards message |
| Card container |
| Card badges container |
| Card badge |
| Card icon |
| Card name |
| Card description |
| Card buttons container |
| Card Details button |
| Card Learn More button |
| Paginator container |
| Class | Description |
|---|---|
| API Details button |
| Class | Description |
|---|---|
| API card container |
| API card border and shadow |
| Container for icon and title |
| Card icon |
| Card title |
| Card description |
| Container for "API Details" and "Learn more" buttons |
| "API Details" button |
| "Learn more" button |
| Class | Description |
|---|---|
| Search bar container |
| Search input |
| Class | Description |
|---|---|
| Container for button and search app input |
| Message when there are no application cards |
| Search input container |
| Application cards container |
| Class | Description |
|---|---|
| Application card container (borders and shadow) |
| Container for title and card buttons |
| Application card title |
| Buttons container |
| Edit button |
| Delete button |
| Information card container |
| First line divider |
| Analytics info container |
| Request label and value |
| Throughput label and value |
| Errors label and value |
| Latency label and value |
| Second line divider |
| "Request Information" container |
| Access label |
| Approved requests label and value |
| Rejected requests label and value |
| Pending requests label and value |
| Class | Description |
|---|---|
| New application register wrapper |
| Create an application title |
| Application information sub title |
| Application name label |
| Application name input |
| Message application name already registered |
| Description label |
| Description input |
| Callback label |
| Callback input |
| Create button |
| Class | Description |
|---|---|
| Application name |
| Line divider |
| Client credentials label |
| Client ID container |
| Client ID label |
| Client ID value |
| Client secret container |
| Client secret label |
| Client secret input |
| API access status label |
| Approved label and value |
| Rejected label and value |
| Pending approval label and value |
| Class | Description |
|---|---|
| Instance selector container |
| Add APIs label |
| Line separator |
| Instance selector borders |
| Instance selector list |
| Class | Description |
|---|---|
| Contracts selector container |
| Application name label |
| Line separator |
| Contracts selector borders |
| Contracts selector list |
| API name label |
| Arrow button |
| Class | Description |
|---|---|
| Main header of the community |
| Logo of the community |
| Class | Description |
|---|---|
| Learn More button |