Tallacman's Text HR for Concrete CMS

Tallacman's Text HR turns a plain horizontal rule into a polished typographic moment — a labeled capsule sitting on the line, with the rule breaking cleanly on both sides. No custom HTML. No theme hacks. No begging a developer for one more divider style.

Built for Concrete CMS 9, this block gives editors a decorative divider with real typography control: font family, weight, size, letter spacing, border shape, and colors — all in a side-by-side editor with a sticky live preview. Type your label, tune the look, and publish a section break that reads like editorial design, not default browser styling.

Your line gets a label. Your page gets polish.

Why editors love it

Most horizontal rules are forgettable — a thin gray line and move on. Text HR is different. It puts styled text on the rule so section breaks carry meaning: a chapter title, a category label, a pull-quote tag, a testimonial name — whatever the page needs to say between sections.

The modern side-by-side editor updates in real time as you work. What you see in the preview panel is what visitors get on the page — including the optional drop shadow that softens on hover for a subtle, refined interaction.

Features

Text on the line — the way it should look

• Labeled text capsule — Place short text directly on the horizontal rule in a styled box.
• Left, center, or right placement — Align the label to match your layout and content flow.
• Seamless line break — Match the text box background to your page so the rule vanishes cleanly behind the label instead of cutting through it.
• Split-line rendering — Double-line styles break correctly left and right of the text, so both lines always show at any thickness.

Full typography

• Font family picker — Choose from your theme's CMS webfonts or enter a custom CSS stack.
• Weight, size, and letter spacing — Pixel-precise controls, not legacy preset dropdowns.
• Text and line colors — Independent color pickers for the label, the rule, and the frame.

Text box styling

• Border width in px — Frame the label with a border that matches the line color.
• Shape options — Square, rounded, or pill corners to fit your design language.
• Background color — Blend the capsule into your page for a clean break in the rule.

Rule styling

• Line color, thickness, and style — Solid, dashed, dotted, or double, all in pixels.
• Smart double-line handling — Choosing double automatically sets the minimum thickness so both lines always render correctly.
• Independent margins — Top and bottom spacing in px for comfortable section rhythm.

Editor experience

• Sticky live preview — Text, frame, line, and shadow update instantly as you work.
• Native color pickers — Fast, reliable color selection without legacy picker dependencies.
• Clear guidance in the UI — Helpful notes where settings need context (like double-line thickness).

Optional drop shadow

• Centered glow — Blur, opacity, and color controls for a soft halo around the text capsule.
• Hover-reactive — Shadow clears when visitors hover the label for a refined interactive effect.

Built for Concrete CMS 9

• Modern block edit interface with organized fieldsets
• Concrete CMS 9 coding standards throughout
• Upgrade-safe migrations from legacy block instances — existing sites keep working

What makes it unique

Concrete CMS makes it easy to add a line or add some text — but rarely both in one polished package. Tallacman's Text HR is built specifically for that job: a styled text label on the rule, with full typography and frame controls, split-line rendering for every line style, and a live preview so editors never have to publish-and-pray.

If your site uses words to organize content — chapters, categories, quotes, names — this is the block that makes section breaks part of the editorial voice, not an afterthought.

Ideal for

• Section dividers — Short labels between major content blocks
• Chapter and article headings — "Part Two," "In Summary," or topic names on the rule
• Pull-quote and testimonial breaks — Attribute names or quote tags between sections
• Category and filter labels — Visual markers in long-form or resource pages
• Landing pages — A typographic pause before the next message or call to action
• Blog and magazine layouts — Editorial polish without custom CSS

Short marketplace description

Add a decorative horizontal rule with styled text on the line — full typography, text box framing, pixel-precise controls, sticky live preview, and optional hover-reactive drop shadow. Built for Concrete CMS 9.

One-liner

Turn a simple line break into a polished typographic moment.

Tagline options

• Turn a simple line break into a polished typographic moment.
• Your divider. Your words. Zero custom code.
• Section breaks with something to say.
• More than a line. A label.

Usage

1. Add Tallacman's Text HR to your page or area.
2. Under Text Content, enter your label and choose position (center, left, or right).
3. Style the text box — background, border width, and corner shape.
4. Set typography — font family, weight, size, letter spacing, and text color.
5. Match the background color to your page so the line breaks cleanly behind the label.
6. Style the line — color, thickness, style, and margins.
7. Optionally enable drop shadow for blur, opacity, color, and hover behavior.
8. Save and publish — the live preview already showed you the result.

Give your pages a divider worth reading — polished, typographic, and impossible to replicate with a plain <hr>.