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.
Login to your site as an admin
Open the Control Panel.
In the Structure section, scroll down until you see ‘Firefly Styling Tool’ and select it
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!