Custom CSS/Javascript

🧩 App Centre: Custom CSS / Javascript

Overview

The Custom CSS / Javascript page allows custom code to be injected into the app.

This section is mainly intended for advanced use and is generally configured by Hoofpick/Apparati.

It can be used to add styling changes, behaviour changes, tracking scripts, or page-specific code adjustments inside the app.

What this section does

From this page, you can:

  • Add custom Javascript to the app
  • Add custom CSS to the app
  • Save and update code-based customisations

Where to find it:

App Centre → CSS/Javascript


Fields on this page

Custom Javascript

Use this area to add Javascript code that should run within the app.

This may be used for:

  • custom tracking
  • DOM adjustments
  • behavioural tweaks
  • third-party integrations

Custom CSS

Use this area to add CSS code that changes the appearance of content within the app.

This may be used for:

  • spacing changes
  • hiding elements
  • restyling buttons or banners
  • adjusting website display within the app

Important note

This section requires a reasonable knowledge of Javascript and CSS.

Incorrect code may break part of the app experience or cause pages to display incorrectly.

For most clients, this page should only be edited by Hoofpick/Apparati or by someone confident working with frontend code.

Best practice

  • Only add code if you understand what it does
  • Keep a copy of the previous code before making changes
  • Test carefully after every update
  • Avoid large or experimental code changes in a live app without review

Did you find this article useful?

  • Settings

    📱 App Centre: Settings Overview The Settings page controls some of the main appearance and b...
  • Useragent

    🧪 App Centre: Useragent Overview The Useragent page manages the custom user-agent strings th...
  • Translation

    🌍 App Centre: Translation Overview The Translation page allows you to change the wording use...
  • Add Useragent

    ➕ App Centre: Add Useragent Overview The Add Useragent page allows you to create a new user-a...
  • Edit Useragent

    ✏️ App Centre: Edit Useragent Overview The Edit Useragent page allows you to update an ...