Skip to main content
Skip table of contents

Branding your site with the Firefly Styling Tool

With the Firefly Styling Tool you can update your Firefly site’s branding whenever you like and make your changes available to everyone immediately.

You can add and update:

  • Your main logo

  • The logo on your login pages

  • A large graphic banner on your dashboards

  • The main brand colour, background colour and the identifying colour of all the sections of the site, and quick links colours

More on each of those below, but first:

How to access the Firefly Styling Tool

First, you need to make sure that:

Your Firefly site is using the ‘Firefly’ theme (not Melody, Folio, Nautilus or Storybook). Here’s how to change your theme.

You have admin access to your Firefly site. The Firefly Styling Tool makes changes to your entire Firefly site so we only give admins access to it.

  1. Login to your site as an admin

  2. Open the Control Panel.

  3. In the Structure section, scroll down until you see ‘Firefly Styling Tool’ and select it

  4. You should now see Firefly Styling Tool!

How to use the Firefly Styling Tool

Follow the guides on each of these pages to learn how to use the Firefly Styling Tool:

Previewing your changes

Quick preview in the Styling Tool

The Firefly Styling Tool shows you five example pages where you can quickly check whether your logos, banner and colours are what you expect. You can view each of them larger by clicking the thumbnails along the top of the screen. These example pages update automatically as you add logos or change colours.

Preview your changes using your Firefly site

Use the “Preview Changes” button to open your live Firefly site with the changes temporarily applied in a private way that is viewable only by you. Anyone else using the site won’t see any change, and if you login using another browser or computer you won’t see the changes there either. The preview is limited directly to where you’re using the Firefly Styling Tool.

You can use this preview to view any page on your Firefly site and make sure it all looks as you want it.

To return to the Firefly Styling Tool you can close the browser tab or use the close button overlaid at the bottom of the screen. You can continue to make changes and preview again, or you can activate your changes for everyone.

Apply your changes to your Firefly site

There is no undo. If you need to revert your changes you will need to use the Firefly Styling Tool to add your previous logo, banner and colours.

Use the ‘Apply Changes’ button to immediately apply your changes to your whole Firefly site. If your site is large or it’s a busy time of day for your users, it might take a couple of minutes to complete.

All users can now see your updated site!

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.