Lifetime prices rise on 19 October →
Phox Elements
DESIGN Ornamental dividers for Breakdance

Section dividers with a metallic ornament in the middle

Decorative Divider draws a line with a star, diamond, circle, fleur-de-lis or your own icon in the centre. Pick gold, silver, bronze or rose gold and the icon gets a metallic gradient to match. Add a short label next to the icon for chapter breaks, menus and invitations.

Four metallic colour presets Built-in or custom icons Optional text label
Live demos

Four presets in real layouts

Each card uses a different colour preset, icon and line style. The small caption under each card lists the settings used.

Wedding invitation
Together with their families

Emma & James

Saturday 14 June at 2pm, The Old Rectory, Bath
Gold, Star, Solid, Icon Only
Book chapter
Chapter Two

The House on Carrow Lane

Rain had followed Margaret all the way from the station, and by the time she reached the gate the lamps along the lane were already lit.
Silver, Diamond, Gradient Fade, Icon & Text
Bakery menu

Hartley's Bakehouse

Est. 1998
Sourdough loaves, cinnamon buns and seasonal fruit tarts, baked fresh every morning from 6am.
Bronze, Circle, Dashed, Icon & Text
Spa price list

Treatments

Hot stone massage, 60 minutes, £75. Signature facial, 45 minutes, £60.
Rose Gold, Fleur-de-lis, Double, Icon Glow
How it works

Three steps to a decorative divider

Most dividers take less than a minute to set up.

1

Add the element

Drop Decorative Divider between two blocks of content. It fills the width of its container by default.

2

Choose the look

Pick a colour preset, an icon and a line style. Switch Mode to Icon & Text if you want a label.

3

Fine-tune

Adjust the width, line thickness, icon size and the gap around the icon, and add a soft glow if you like.

Features

What you can control

All the settings you need for a finishing touch between sections.

Metallic presets

Gold, Silver, Bronze and Rose Gold give the icon a three-tone gradient and a matching line and outline colour.

Built-in icons

Choose a star, diamond, circle or fleur-de-lis, or pick None for a plain line.

Custom icon

Use any icon from the Breakdance icon library. It takes the preset colours automatically.

Four line styles

Solid, Gradient Fade, Dashed or Double lines on both sides of the icon.

Text label

Icon & Text mode adds a short label next to the icon, with its own typography and padding.

Custom colours

Set the Custom preset to choose your own line colour, icon fill and icon outline.

Icon glow

Switch on Icon Glow for a soft shadow around the icon in the preset colour.

Width and sizing

Set the divider width, line thickness, icon size and the gap between the icon and the lines.

Responsive width

The width setting can change per breakpoint, so a divider can be narrower on desktop and full width on phones.

Use cases

Where it works best

Anywhere a plain horizontal rule feels too plain.

01

Wedding and event sites

Separate names, dates and venue details on invitation-style pages.

02

Restaurant and bakery menus

Break a menu into courses with a small label like Starters or Desserts.

03

Books and long reads

Mark chapter breaks or scene changes in long articles.

04

Spas and salons

Split treatment lists and price groups with a softer, elegant line.

05

Luxury and jewellery shops

Match gold or rose gold details to your brand colours.

06

Heritage and hotel sites

Add a classic ornament between sections of history or room details.

Options

Mix and match

Every icon works with every line style and colour preset.

Colour presets

5
GoldSilverBronzeRose GoldCustom

Icons

6
StarDiamondCircleFleur-de-lisNone (line only)Custom Icon

Line styles

4
SolidGradient FadeDashedDouble
Settings reference

Every control, explained

This is the full list of settings in the Breakdance editor, with their default values.

ControlWhat it doesDefault
Content
ModeIcon Only, or Icon & Text to show a label beside the icon.Icon Only
TextThe label shown in Icon & Text mode.—
Line StyleSolid, Gradient Fade, Dashed or Double.Solid
Color PresetGold, Silver, Bronze, Rose Gold or Custom.Gold
IconStar, Diamond, Circle, Fleur-de-lis, None (line only) or Custom Icon.Star
Custom IconAny icon from the icon library, when Icon is set to Custom Icon.—
Design
WidthWidth of the divider. The divider is centred. Responsive.100%
Line ColorLine colour when the preset is Custom.#c9962b
Icon FillIcon fill colour when the preset is Custom.#c9962b
Icon StrokeIcon outline colour when the preset is Custom.#7a5a18
Line ThicknessThickness of each line.1px
Icon SizeWidth and height of the icon.22px
Icon GapSpace between the icon and the lines.14px
Icon GlowSoft glow around the icon in the preset colour.Off
TypographyText styles for the label (Icon & Text mode).—
Text PaddingPadding around the label (Icon & Text mode).—
MarginsTop and bottom margin.—
Tips & FAQ

Good to know

Can I use my brand colours instead of the metallic presets?

Yes. Set Color Preset to Custom and choose your own line colour, icon fill and icon outline in the Design tab.

Can I use my own icon?

Yes. Set Icon to Custom Icon and pick any icon from the Breakdance icon library. It takes the colours of the selected preset.

Can I have just a line with no icon?

Yes. Set Icon to None (line only). If you are in Icon & Text mode and add text, the text sits in the middle of the line instead.

Does the label wrap on small screens?

No. The label stays on one line and the side lines get shorter, so keep labels short, for example Chapter Two or Est. 1998.

Can I use several dividers on one page?

Yes. Each divider has its own settings, so you can mix presets and line styles on the same page.

Add Decorative Divider to your next page

Decorative Divider is included with Phox Elements, along with 150+ other premium elements for Breakdance.