Opens in a new tab
Log inStart free

Back to top

A back to top button for Bricks Builder, shown here in its three effects: Label, Fill and Rise, each in the Fancy Bricks style families. Built on the FBK Back to top component, so you pick the effect and style from the panel. The real button sits in the bottom right corner and appears once you scroll down.

Dark mode ready

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

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

Preview

Preview of the back to top template: a back to top button for Bricks Builder, shown here in its three effects: Label, Fill and Rise, each in the Fancy Bricks style families

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 Back to top

    Takes the visitor back to the top after they scroll down.

  • FBK Card

    A media slot, title, text, a content slot and an actions slot.

  • FBK Intro

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

Adjust it

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

On the element Styles, class fbk-totopdemo

The gray stage behind each sample

--fbk-t-stage
color-mix(in srgb, currentColor 6%, transparent)

Replaces

In Fancy Bricks 1.0 and 2.0 this was Back to top (1.0).

More like this

See all All templates