Opens in a new tab
Log inStart free

Text media · Overlap

A text and media section for Bricks Builder with a full-bleed beach photo cut by a diagonal brand-color band, a cutout figure standing on the diagonal and a white panel in the corner with a headline, text and button. On tablet and phones the diagonal drops and the panel sits under the cutout figure.

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

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 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 Overlap, class fbk-mdoverlap

Diagonal color: its color, angle and how far it reaches

--fbk-t-band
var(--primary)
--fbk-t-angle
105deg
--fbk-t-split
30%

Height of the cut-out figure

--fbk-t-figure-h
30em

Replaces

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

More like this

See all Features templates