Skip to main content

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.

S
Written by Support
Updated this week

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 Buildfire 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 outside Buildfire for safekeeping

Did this answer your question?