The page content of a full-width page is composed of stripe sections.

"Stripe" is a row added via Page Builder and wrapped in a full-width (or left-aligned / right-aligned / boxed) background.

The Benchmark theme has various types of stripe sections with different types of background you can choose from when setting the parameters for a row in Page Builder.

Transparent Background

White Background: Full-width

White Background: Left-aligned

White Background: Right-aligned

White Background: Box (centered)

Light Grey Background

Primary Color Light Background

Primary Color Light Background:
Left-aligned

Primary Color Background

with smaller top and bottom paddings (optional "stripe-narrow" class)

Primary Color Dark Background

with default background pattern

Secondary Color Background

White Background: Left-aligned

+ colored background in the right column

The colored background of the right column can be:

  • yellow-orange,
  • orange,
  • yellow,
  • blue.

White Background: Left-aligned

+ colored background in the right column

White Background: Left-aligned

+ colored background in the right column

Yellow background in the right column.

White Background: Left-aligned

+ colored background in the right column

Stats in the single column:
19yrs

our legacy of providing independent financial advice

12+

members in our team

Blue background in the right column.

Custom Full-width Image

(in the stripe below)

Diary

Custom Background Image

with optional transparent upper layer

Custom Background Image

with optional transparent upper layer

+ fixed background

Get Started

Full-width image
in stripe's left column

with secondary color background

Can be used with the following solid backgrounds: secondary color, primary color light, light grey.

Recommended parameters for the image:

  • image ratio — 4/3
  • minimum width — 1000px
Picture 4

Transparent Background

with geometric background (circles) at the left or right side of stripe

The best way of usage:

  • on round image or PNG/SVG image/icon with transparent background,
  • in a stripe with transparent, white, light grey, or primary color light background.

Full-width colored background in split columns

Learn more

Background color options:

"primary color dark" (with optional "default background pattern") or "secondary color"

Learn more