Website Customisation

EnaCast allows you to customise the visual appearance of your station’s website to match your brand identity. You can change colours, enable dark mode and add custom CSS.

Theme Configuration

Your website’s visual configuration is managed from the management panel at studio.enacast.com. In the sidebar, under Settings, open Frontend Config.

The page shows one card for each of your station’s theme configurations, with its Primary Color, its Dark Color and an Enabled or Disabled label. Each card’s Edit button opens the configuration form; changes are applied when you click Save.

Each station can have several saved theme configurations, although only one can be active at a time: the one with the Enabled box ticked. When you save an enabled configuration, the others are disabled.

Note

Your station’s theme configuration is created by the EnaCast team when they set up your website, with the design templates that belong to it. To change the look of your website, edit that configuration. If you need a new configuration, contact support.

Primary Colour

The Primary Color field defines the tone of buttons, links, navigation bars and other interactive elements on the website. You can pick it with the colour picker or type its hexadecimal code (e.g., #247f00).

The Dark Color field is the dark variant of the primary colour, used when dark mode is enabled.

Tip

Choose a colour that contrasts well with the background (white in light mode, dark in dark mode) to ensure good readability.

Dark Mode

Dark mode changes the website background to dark tones and adapts texts and elements to improve reading in low-light environments.

It is turned on or off with the form’s Dark Theme box. When enabled, the entire website is displayed with the dark colour scheme, including the header, player and content modules.

Cover Image

The cover image appears as the background of your website’s header. The form’s Cover Position X (%) and Cover Position Y (%) fields store how that image is framed. Leave them as they are: if you want to change the cover image or its framing, contact support.

Custom CSS

For more advanced customisations, you can add custom CSS code in the form’s Custom CSS field. It is applied on top of the base theme style and allows you to:

• Change typefaces
• Adjust margins and spacing
• Hide or modify specific elements
• Add custom styles for particular sections

Responsible use of custom CSS

Custom CSS is applied directly to the website. An error in the code can affect the display of the entire page. It is recommended to:

• Make small changes and, after saving, check the result on the website
• Avoid code that could compromise website security (on save, the system rejects CSS that is not valid or that contains potentially dangerous code)

The CSS in the Custom CSS field applies only while that theme configuration is enabled. Your station can also have station-level CSS, set up by the EnaCast team, which applies always, regardless of the active theme. If CSS is defined at both levels, they are combined: theme CSS is applied first, then station CSS.

Header and Footer Design

Your station’s website uses a header template and a footer template that determine the visual structure of these areas. These templates are managed by the EnaCast team and are selected during your station’s initial setup.

Tips

• Maintain consistency: use the same primary colour across your website, social media and print materials
• Test on mobile: always check that the website displays correctly on mobile devices after making style changes
• Less is more: a clean, simple design usually works better than one overloaded with customisations

---

If you have any questions, contact technical support at support@enacast.com