What is a theme? Your theme sets the overall look of your Citizen Space consultations.
When you start your subscription with Citizen Space, we will set up the overall theme of your Citizen Space site for you. Your theme includes your organisation’s logo, brand colours, and a site-wide wallpaper (either an image or block of colour). If you need to change any of these site-wide features at any point, just contact your account manager.
Sometimes, you might want one of your consultations to have its own look. Perhaps you’re consulting on a project that has its own logo or branding, or maybe you’re working on a consultation with several other organisations and need to include their logos.
Admins can change the look of their consultations by managing the consultation theme.
If you'd prefer to watch a video of how to manage the theme of your consultation - we have uploaded a 'how to' video guide on our youtube channel. For the written instructions, read on.
How to manage the theme of a consultation
Log in to your admin account.
Select the consultation you want to edit.
On the consultation dashboard, select option 4: ‘Manage Theme’
1. Choose a consultation banner
You have four options here:
- The site-wide wallpaper
This is the default option and displays the same wallpaper image that appears on the hub homepage of your Citizen Space platform.
- A full-width consultation banner
This option allows you to replace your usual site-wide wallpaper with a different image for this consultation. For instance, you could use a picture of the place your consultation refers to. Ideally these images will be around 150 pixels tall by 1000 pixels wide, and no more than 750KB in file size.
There are some sample banner images attached to the bottom of this article if you want to experiment with uploading one.
If you want to add an image that has text on it, we recommend you use the 'one or more logos' option (see below) rather than choosing to add it as a full-width consultation banner.
There are a few important things to consider when choosing a suitable banner image, like size and copyright - please read this article for more pointers.
There are listing options for open/closed/forthcoming consultations for the hub that include an image for each consultation. If you are using one of these listings on your hub it is possible that the consultation banner image you select will appear as the image within the list on the Consultation Hub. For more information on how to set images for these listing options, please have a read of this article. If you're interested on how to configure your hub to add images to the listings, please get in touch with your account manager.
- One or more logos
This allows you to add extra logos specific to this consultation. These might be the individual logos of other organisations collaborating with you on this consultation or could be a single logo/branding image for it. If you are adding a single logo/piece of branding for the consultation, a logo should be no taller than 400px tall and up to 940px wide, but can be smaller than this if you wish.
Please note, this option will only add these logo(s) to the particular consultation you are amending.
There is a sample logo attached to the bottom of this article if you want to experiment with uploading one. You can upload it more than once if you want to see how the consultation looks with multiple logos.
NB: There are a few things to bear in mind when uploading logo files - please read this article for some pointers.
There are some more options if you choose to add logos:
i) Choose a background colour to appear behind your logos. The default is white.
ii) Add a description for each logo - this is the alternative text that will appear if a user cannot view the image.
iii) Add a URL for each logo if you want users to be able to click on the logos and be taken to the website of that organisation.
iv) Drag and drop to change the order that the logos appear in.
- No banner image
You might choose this option if you want this consultation to have a plainer, more serious look. It will simply have the title of the consultation.
2. Preview your changes
The preview box shows you how your changes will look on desktop or mobile - don’t forget to check that everything is looking good on the mobile view, too.
3. Save changes
You’re all done!