Opens in a new tab

Footer · With CTA

A footer for Bricks Builder with a brand-colored call-to-action card riding up over the dark footer below it, carrying a title, a lead and two buttons. Underneath, the brand and social links, a pill-style menu and contact details sit centered above the copyright bar.

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

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

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 Button

    A link styled as a button, with style, size and width.

  • FBK Icon item

    Icon, title and text, stacked, inline or boxed.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

  • 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 with CTA, class fbk-fcta

How far the card reaches into the footer

--fbk-t-overlap
5em
--fbk-fcta-duration
calc(var(--fbk-hover) * 1.25)

Replaces

In Fancy Bricks 1.0 and 2.0 this was Footer (1.0).