Footer Builder
The Footer Builder gives your footer the same visual, drag-and-drop treatment as the header. Arrange flexible columns, drop in reusable layouts, add custom icons, links, and conditional menus, and dial in spacing, colors, and typography — all without touching code.
You can find it under Theme Settings » Footer.
The footer has two parts:
- Main Footer — the primary area, built from columns of content.
- Bottom Bar — a slim strip at the very bottom, ideal for copyright text and small print links.
Reference image — replace before publishing16:9
Bottom Bar
Section titled “Bottom Bar”The Bottom Bar sits below the main footer and works well for legal or secondary links.
Elements
Section titled “Elements”| Element | Description |
|---|---|
| Link | A simple text link. |
| Link with icon | A text link paired with an icon. |
Options
Section titled “Options”| Group | Setting | What it controls |
|---|---|---|
| Section Layout | Max Width | The maximum width of the Bottom Bar’s content. |
| Section Color | Background | The Bottom Bar’s background color. |
| Link styling | Space Between | Spacing between links. |
| Link styling | Text Color | Default link color, plus a Hover color. |
| Link styling | Typography | Font Type, Family, Style, Size, Weight, Line Height. |
Main Footer
Section titled “Main Footer”The Main Footer is built from columns. Each column is one of two types, so you can mix branding, contact details, and link lists side by side.
Column types
Section titled “Column 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. |
Contact Info elements
Section titled “Contact Info elements”| Element | Description |
|---|---|
| Brand | Your logo, with a separate Responsive Logo for smaller screens. |
| Text | A block of free text — great for an address or short description. |
| Button | A call-to-action button. |
| Link | A simple text link. |
| Link with icon | A text link paired with an icon. |
Link List elements
Section titled “Link List elements”| Element | Description |
|---|---|
| Heading | The column’s title. |
| Menu | The WordPress menu displayed in the column. |
Customization options
Section titled “Customization options”| Group | Setting | What it controls |
|---|---|---|
| Section Layout | Max Width | The maximum width of the footer content. |
| Section Layout | Vertical Padding | Space above and below the footer content. |
| Section Layout | Columns | The number of columns in the Main Footer. |
| Section Design | Background Image | An optional background image for the footer. |
| Section Color | Background | The footer’s background color. |
| Block Layout | Space Between | Spacing between blocks and columns. |
| Logo Image | Width Type, Width, Height | Logo sizing (Auto or Custom dimensions). |
| Typography | Headings, Paragraphs, Links | Typographic control for each text type in the footer. |
| Button styling | Background (+ Hover), Text Color, Typography | The look of footer buttons. |
Related
Section titled “Related”- Header Builder
- Navigation Menu
- Global Style — the footer inherits these colors and fonts by default.