Comment on page
Logo
Learn how to add the site logos
The site logo/s display in the Header and the Footer of the site.

Fig. 1 - Example of a Inline logo on a Dark themed header

Fig. 2 - Example of Inline logo on Light themed footer
You must upload appropriate logos for use in the
Light
and/or Dark
theme. If you use the
Dark
theme, you need to ensure you're logo is light enough that it will be visually accessible on a dark background (see fig. 1). If you use the Light
theme, your logo needs to be dark enough to be seen on the light background (see fig. 2). You can add a Primary and a Secondary logo to your CivicTheme site. This is useful in the case of dual branding, e.g. your logo and the Commonwealth Coat of Arms (see Figs. 1 & 2).
Once you have uploaded your logo you can then select how you want the logo/s to display in the Header and the Footer. This can be done in the Header settings and the Footer settings.
The process is the same for the Primary and the Secondary logo.
We're using the Primary logo as the example here, follow the same steps for the Secondary logo.

Fig. 3 - Logo settings
- 1.Select 'Logo' in the list of Components.
- 2.Fill in the alt text for the logo.
- 3.Open the 'Primary logo' dropdown and carefully note which logos need to be added for which use - Light and Dark theme, and desktop and mobile use.
- 4.Do this for the 'Secondary logo' if you are using one.
- 5.Scroll to the bottom and select 'Save configuration'.
- 6.Now go to Header settings and the Footer settings to configure the way the logo displays in each of those places.

Fig. 4 - Primary logo fields
Last modified 4mo ago