---
title: How to use Custom CSS
description: Customize the appearance of your app beyond standard design options using custom CSS that applies at either the plugin level or the app-wide level.
---

[Skip to content](https://help.appdocumentation.com/how-to-use-custom-css#main-content)

English - United States

Show submenu for translations

![app-documentation](https://help.appdocumentation.com/hubfs/app-documentation-1.svg)

Open main navigation

Close main navigation

- English - United States
  
  Show submenu for translations

 How can we help you?

- There are no suggestions because the search field is empty.

1. [App Documentation](https://help.appdocumentation.com/?hsLang=en-us)
2. [Build Your App](https://help.appdocumentation.com/build-your-app?hsLang=en-us)
3. [Global Settings](https://help.appdocumentation.com/build-your-app?hsLang=en-us#global-settings)

# How to use Custom CSS

## Customize the appearance of your app beyond standard design options using custom CSS that applies at either the plugin level or the app-wide level.

Custom CSS allows you to override default styling so you can control colors, fonts, spacing, buttons, and other UI elements. Some plugins support feature-level CSS via Advanced Mode, while global CSS lets you apply changes across your entire app for consistent branding.

---

### **Requirements**

- Available on all plans
- Custom CSS is not supported or debugged by Support

---

### **How to use Custom CSS**

1. Log in, go to **Branding** in the left navigation
2. Click **Custom CSS**

     - Turn on the Custom CSS toggle
     - Add your CSS rules in the editor
     - Any styles written here apply **globally across the entire app**
3. (Optional) Apply CSS to a single plugin

     - Go to the plugin you want to style
     - Click the **Design/Layouts** tab
     - Toggle **Advanced Mode** on
     - Enter CSS in the editor (applies **only to this plugin**, not the whole app)
4. Test your changes in the App Preview

     - Some styling may appear differently on device versus the preview
5. Click **Save**

---

### **Pro tips**

- Use plugin-level Advanced Mode for small, targeted UI adjustments
- Use global CSS only when you want consistent styling across the entire app
- Avoid overusing !important unless necessary
- Test changes on both iOS and Android devices for accuracy
- Keep a backup of your CSS for safekeeping

- [Control Panel](https://help.appdocumentation.com/control-panel?hsLang=en-us#main-content)

    - [Navigating the Control Panel](https://help.appdocumentation.com/control-panel?hsLang=en-us#navigating-the-control-panel)
    - [Global Tools](https://help.appdocumentation.com/control-panel?hsLang=en-us#global-tools)
    - [Terms & Policies](https://help.appdocumentation.com/control-panel?hsLang=en-us#terms-policies)
- [Build Your App](https://help.appdocumentation.com/build-your-app?hsLang=en-us#main-content)

    - [Global Settings](https://help.appdocumentation.com/build-your-app?hsLang=en-us#global-settings)
    - [Building Your Apps's Navigation](https://help.appdocumentation.com/build-your-app?hsLang=en-us#building-your-appss-navigation)
    - [Building Your Login Flow](https://help.appdocumentation.com/build-your-app?hsLang=en-us#building-your-login-flow)
    - [Building a PWA](https://help.appdocumentation.com/build-your-app?hsLang=en-us#building-a-pwa)
- [Add Functionality To Your App](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#main-content)

    - [Plugins to drive engagement & community](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-engagement-community)
    - [Plugins to drive monetization](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-monetization)
    - [Plugins to run operations & workflows](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-run-operations-workflows)
    - [Plugins to show content & media](https://help.appdocumentation.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media)
- [Make Money With Your App](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#overview)
    - [iOS/Apple](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#ios-apple)
    - [Android/Google](https://help.appdocumentation.com/make-money-with-your-app?hsLang=en-us#android-google)
- [Publish Your App](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#overview)
    - [Android/Google](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#android-google)
    - [iOS/Apple](https://help.appdocumentation.com/publish-your-app?hsLang=en-us#ios-apple)
- [Manage Your App](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#main-content)

    - [Managing Your App’s Users](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#managing-your-apps-users)
    - [Push Notifications](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#push-notifications)
    - [Analytics](https://help.appdocumentation.com/manage-your-app?hsLang=en-us#analytics)
- [Connect External Partners](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#main-content)

    - [Android/Google](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#android-google)
    - [iOS/Apple](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#ios-apple)
    - [Zapier](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#zapier)
    - [Meta](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#meta)
    - [Segment](https://help.appdocumentation.com/connect-external-partners?hsLang=en-us#segment)

Copyright © 2026, App Documentation