Opens in a new tab

Footer · Big type

A big-type footer for Bricks Builder with a newsletter row, three columns of links built on the FBK Link list, a bar with copyright and social icons, and your brand name running edge to edge in giant letters cut off by the page's bottom edge. The word sits faded and cropped at rest, then rises whole and takes the accent color on hover or focus.

Needs Code execution

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Uses a small script. Turn on Code execution in Bricks › Settings › Custom code. How to turn on Code execution

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Link list

    A title and a WordPress menu, built as a footer column.

  • FBK Social

    Links to your social profiles, logo and network name.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Footer, class fbk-fbig

The brand word: size (shorter words can go bigger), color at rest and on hover

--fbk-t-word-size
min((100vw - var(--space-xl)) * 0.2, var(--h1) * 4.2)
--fbk-t-word-color
color-mix(in srgb, var(--heading-color) 45%, transparent)
--fbk-t-word-hover
var(--fbk-accent)