Footer Builder

The Footer Builder gives your footer the same visual, code-free treatment as the header. Arrange flexible columns, drop in reusable layouts, and control spacing, colors, and typography — all from one screen.

Access it via Theme Settings » Footer.

Reference image — replace before publishing16:9

The Footer Builder screen under Theme Settings » Footer, showing the Main Footer columns and Bottom Bar sections with the element list and styling panel open.

What you can build

The footer is made of two areas:

• A Main Footer — the primary area, built from columns of content.
• A Bottom Bar — a slim strip below it, typically for copyright and small print links.

Across both you can use custom icons and links, conditional menus, flexible spacing, and your own colors and typography.

Tip

Footer elements inherit your Global Style defaults, so most of your work here is arranging columns and adjusting spacing rather than restyling from scratch.

Bottom Bar

The Bottom Bar is the strip at the very bottom of your footer. Add Link and Link with icon elements, then style them.

Group	Option	What it controls
Elements	Link, Link with icon	The items you can add to the Bottom Bar.
Section Layout	Max Width	The maximum width of the Bottom Bar’s content.
Section Color	Background	The Bottom Bar’s background color.
Link	Space Between, Text Color + Hover, Typography	Spacing, colors, and typography for Bottom Bar links.

Main Footer

The Main Footer is built from columns. Each column is one of two types:

Column type	What it holds
Contact Info	Brand (Logo + Responsive Logo), Text, Button, Link, and Link with icon.
Link List	A Heading (the column title) and a Menu.

Use Contact Info columns for your logo, address, and a call to action, and Link List columns to display navigation menus with a title above them.

Customization options

Group	Option	What it controls
Section Layout	Max Width, Vertical Padding, Columns	The footer’s width, top/bottom spacing, and number of columns.
Section Design	Background Image	An image behind the footer.
Section Color	Background	The footer’s background color.
Block Layout	Space Between	Spacing between columns and blocks.
Logo Image	Width Type, Width, Height	How the footer logo is sized.
Typography	Headings, Paragraphs, Links	Type styles for each kind of footer text.
Button	Background + Hover, Text	Styling for footer buttons.

Note

To show a menu in a Link List column, first create the menu under Appearance » Menus (see Navigation Menu), then select it in the column’s Menu setting.

Tip

A Background Image combined with a semi-transparent Section Color background is an easy way to give your footer depth while keeping the text readable.