Footer Styling
Width
Controls how far the footer content extends horizontally.
Page — keeps the footer content within the page width set in your theme settings.
Full — stretches the footer content across the full browser width, with a small space at the edges.
Color Scheme
Sets the background, text, and border colors for the entire footer. The footer does not inherit color from the page — always assign an explicit color scheme.
Top Divider
Adds a thin horizontal rule above the footer to visually separate it from the page content above.
Background
Supports an optional image or video background, configurable with an overlay and backdrop blur.
None — no background media; color scheme handles the background.
Image — upload separate images for Desktop and Mobile (optional) to optimise each breakpoint independently. Enable Overlay and set an overlay color (with opacity) to improve text legibility against the image. Backdrop blur softens the area behind the overlay.
Video — select a Shopify-hosted video. The video loops silently. Enable Overlay and set an overlay color (with opacity) to improve text legibility against the video. Backdrop blur softens the area behind the overlay.
Gap
Vertical spacing between Row blocks stacked inside the footer.
Desktop — vertical spacing between rows on desktop.
Mobile — vertical spacing between rows on mobile.
Padding
Controls the outer vertical spacing around the footer content area.
Padding top / bottom — outer vertical spacing around the footer content.
Enable Custom for mobile to set independent top and bottom values for small screens.
Scroll Reveal
When enabled, the footer sticks to the bottom of the viewport and the page content scrolls over it — the footer is revealed as the visitor reaches the bottom of the page.
Last updated