Comment on page
Footer settings
Footer settings allow you to select the Theme, Logo type and Background image for the Footer.
- 1.Go to
/admin/appearance/settings/find your site and select 'Settings'. - 2.Scroll down the page until you see the 'Components' section, and select 'Footer'.
Fig. 1 - Footer theme settings
Use the 'Theme' radio buttons to set the footer in 'Light' or 'Dark' theme.
If you change the footer theme, you will also need to make the same theme change to the blocks you used to build the footer. In the example below we had to change the 'Acknowledgement' block. the 'Copyright' block and the 'Social media' block.
This footer demonstrates the 'Dark' theme, using the 'Inline stacked' footer. Logos are inline on desktop devices.
Fig. 2 - Dark theme footer with 'Inline stacked' logo
This footer demonstrates the 'Light' theme, using the 'Inline stacked' footer which stacks on mobile devices. Note: the Social media section is not part of the Logo section.
Fig. 2 - Light theme footer with 'Inline stacked' logo
Depending on the space within your site's Footer, you can select how the Logo (with one or two images) is shown.
The following table outlines the Logo type using example logos:
Logo type | Final output (desktop) | Final output (mobile) |
Default
Uses the Primary logo only |  | |
Stacked
Uses both the Primary & Secondary logos |  | |
Inline
Desktop uses both Primary & Secondary.
Mobile uses Primary only. |  | |
Inline stacked
Desktop (inline) & mobile (stacked) both use both Primary & Secondary logos. |  | |
You can choose to display a background image on your footer. However, keep in mind that a detailed image could create issues with accessibility if the written content in the footer can't be read on top of the image.
To add an image:
- Paste in the relative link to the image if it's already in the media library, or,
- Upload a new image using the 'Choose file' button.
Last modified 4mo ago