{"id":1629,"date":"2026-07-28T22:33:53","date_gmt":"2026-07-28T22:33:53","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/headings-dropcaps\/"},"modified":"2026-08-20T18:41:57","modified_gmt":"2026-08-20T18:41:57","slug":"headings-dropcaps","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/headings-dropcaps\/","title":{"rendered":"Headings & Dropcaps"},"content":{"rendered":"\n
\n\n

Complete Customization Control<\/p>\n\n\n

Truly Multi-Purpose Template<\/h1>\n\n\n
<\/div>\n\n\n

Truly Multi-Purpose Template<\/h1>\n\n\n

Complete Customization Control<\/p>\n\n\n\n

<\/div>\n\n<\/div>\n\n\n\n
\n\n
\n

Heading Block<\/h2>Sub-Title for the Heading Block<\/span><\/div>\n\n\n

Millennium Development Goals, The Elders crisis situation cross-cultural time of extraordinary change minority. Long-term progress, humanitarian medicine capacity building free expression innovate. Natural resources criteria respect planned giving small-scale farmers.<\/p>\n\n<\/div>\n\n<\/div>\n\n\n\n

\n\"\"\n\n\n
\n

This is an Emphasis Title<\/h2>

Create as much unique content as you want with this Template which has powerful & optimized code.<\/p><\/div>\n<\/div>\n\n<\/div>\n\n\n\n

\n

Title Block<\/h1>Sub-Title for the Title Block<\/span><\/div>\n\n

Title Block<\/h2>Sub-Title for the Title Block<\/span><\/div>\n\n

Title Block<\/h3>Sub-Title for the Title Block<\/span><\/div>\n\n

Title Block<\/h4>Sub-Title for the Title Block<\/span><\/div>\n\n
<\/i><\/div>\n\n

Double Border Title<\/h1><\/div>\n\n

Double Border Title<\/h2><\/div>\n\n

Double Border Title<\/h3><\/div>\n\n

Double Border Title<\/h4><\/div>\n\n
Double Border Title<\/h5><\/div>\n\n
Double Border Title<\/h6><\/div>\n\n
<\/i><\/div>\n\n

Single Border Title<\/h1><\/div>\n\n

Single Border Title<\/h2><\/div>\n\n

Single Border Title<\/h3><\/div>\n\n

Single Border Title<\/h4><\/div>\n\n
Single Border Title<\/h5><\/div>\n\n
Single Border Title<\/h6><\/div>\n\n
<\/i><\/div>\n\n

Border Color Title<\/h1><\/div>\n\n

Border Color Title<\/h2><\/div>\n\n

Border Color Title<\/h3><\/div>\n\n

Border Color Title<\/h4><\/div>\n\n
Border Color Title<\/h5><\/div>\n\n
Border Color Title<\/h6><\/div>\n\n
<\/i><\/div>\n\n

Colored Bottom Border<\/h1><\/div>\n\n\n

Canvas gives you fine-grained control over heading sizes, weights, and border accents, enabling you to match typography precisely to your brand identity without writing a single line of custom CSS.<\/p>\n\n\n

Colored Bottom Border<\/h2><\/div>\n\n\n

Heading levels work together to create a clear visual hierarchy. Each level scales proportionally, ensuring readers can effortlessly navigate from section titles down through to supporting details.<\/p>\n\n\n

Colored Bottom Border<\/h3><\/div>\n\n\n

Colored borders beneath headings draw the reader’s eye to key sections. Choose from theme colors or custom hex values to keep every page on-brand while maintaining accessibility contrast ratios.<\/p>\n\n\n

Colored Bottom Border<\/h4><\/div>\n\n\n

Subheadings break long-form content into digestible segments. By pairing a colored bottom border with a slightly reduced font size, you preserve hierarchy without overwhelming the overall layout.<\/p>\n\n\n

Colored Bottom Border<\/h5><\/div>\n\n\n

Even at smaller sizes, bordered headings retain their authority. Canvas applies consistent padding and line-height rules so these elements remain readable and visually balanced across devices.<\/p>\n\n\n

Colored Bottom Border<\/h6><\/div>\n\n\n

Use the h6 level for captions, labels, or fine-print section markers. The subtle colored bottom border adds structure to dense content areas while keeping the overall design clean and professional.<\/p>\n\n\n

<\/i><\/div>\n\n

Super Simple|Customizable|Flexible|Easy<\/span><\/span> Text Rotator with Style<\/div><\/h2>\n\n
<\/i><\/div>\n\n

Dropcap & Highlighted Text<\/h3>\n\n

L<\/span>ayout and typography work hand in hand to guide the reader’s attention across a page. Well-structured headings<\/span> and styled dropcaps set the tone immediately, signaling professionalism from the very first glance. Canvas includes a comprehensive set of heading utilities that cover font size, weight, color, and border styles. Designers can apply these components across any content section, adapting visual emphasis to suit editorial, marketing, or corporate contexts with equal ease. Every element is fully responsive, ensuring consistent rendering on mobile, tablet, and desktop screens.<\/p>\n\n

<\/i><\/div>\n\n

More Dropcap Styles<\/h3>\n\n

Bordered Dropcap<\/h4>\n\n

L<\/span>orem ipsum and filler aside, Canvas dropcap components are built for real content. Typography demonstrates your brand voice before a reader processes a single word. The bordered dropcap style frames the opening letter with a colored outline, adding an editorial quality suited to feature articles, long-form guides, and polished magazine-style layouts. Pair it with open sans or a serif secondary font for maximum visual contrast.<\/p>\n\n

Background Dropcap<\/h4>\n\n

A<\/span> background dropcap uses a solid color fill behind the opening letter, creating a bold visual anchor at the start of a paragraph. This style works well for testimonials, editorial callouts, and any section where you want the first letter to function almost as an inline icon, drawing the reader directly into the content.<\/p>\n\n

Circle Dropcap<\/h4>\n\n

M<\/span>odern circle dropcaps enclose the initial letter inside a circular badge, lending a contemporary, icon-like quality to the opening of any paragraph. Canvas renders these badges at a consistent size and vertical rhythm, so they never disrupt line spacing. Use them in feature sections or step-by-step guides to add a structured, design-forward feel without extra markup.<\/p>\n\n

Outline Dropcap<\/h4>\n\n

S<\/span>econdary-font outline dropcaps bring an elegant, editorial feel to your content. The letter is rendered in a large, lightweight font stroke rather than a filled block, creating visual openness. This style pairs especially well with italic or serif secondary fonts and works beautifully in creative portfolio sections, luxury brand pages, and long-form editorial layouts where visual refinement is a priority.<\/p>\n<\/div>\n\n\n

\n
\n

Explore more Elements<\/h4>\n<\/div>\n\n
<\/i>
Shop<\/h5><\/a><\/div>
<\/i>
Blog<\/h5><\/a><\/div>
<\/i>
Events<\/h5><\/a><\/div>
<\/i>
Contact Forms<\/h5><\/a><\/div>
<\/i>
Modal onLoad<\/h5><\/a><\/div>
<\/i>
Side Panel<\/h5><\/a><\/div>
<\/i>
Animations<\/h5><\/a><\/div>
<\/i>
Buttons<\/h5><\/a><\/div>
<\/i>
Carousel<\/h5><\/a><\/div>
<\/i>
Clients<\/h5><\/a><\/div>
<\/i>
Columns<\/h5><\/a><\/div>
<\/i>
Counters<\/h5><\/a><\/div>
<\/i>
Read MoreElement<\/span><\/h5><\/a><\/div>
<\/i>
Dividers<\/h5><\/a><\/div>
<\/i>
Icon Boxes<\/h5><\/a><\/div>
<\/i>
Gallery<\/h5><\/a><\/div>
<\/i>
Headings<\/h5><\/a><\/div>
<\/i>
Icon Lists<\/h5><\/a><\/div>
<\/i>
Gradients<\/h5><\/a><\/div>
<\/i>
Lightbox<\/h5><\/a><\/div>
<\/i>
Overlays<\/h5><\/a><\/div>
<\/i>
File Uploads<\/h5><\/a><\/div>
<\/i>
Lists & Cards<\/h5><\/a><\/div>
<\/i>
Maps<\/h5><\/a><\/div>
<\/i>
Media Embeds<\/h5><\/a><\/div>
<\/i>
Modal Boxes<\/h5><\/a><\/div>
<\/i>
Notifications<\/h5><\/a><\/div>
<\/i>
Navigations<\/h5><\/a><\/div>
<\/i>
Pagination<\/h5><\/a><\/div>
<\/i>
Progress Bars<\/h5><\/a><\/div>
<\/i>
Shape Dividers<\/h5><\/a><\/div>
<\/i>
Pricing<\/h5><\/a><\/div>
<\/i>
Process Steps<\/h5><\/a><\/div>
<\/i>
Promo Boxes<\/h5><\/a><\/div>
<\/i>
Blockquotes<\/h5><\/a><\/div>
<\/i>
Responsive<\/h5><\/a><\/div>
<\/i>
Sections<\/h5><\/a><\/div>
<\/i>
Social Icons<\/h5><\/a><\/div>
<\/i>
Hover Animations<\/h5><\/a><\/div>
<\/i>
Alerts<\/h5><\/a><\/div>
<\/i>
Styled Icons<\/h5><\/a><\/div>
<\/i>
Tables<\/h5><\/a><\/div>
<\/i>
Tabs<\/h5><\/a><\/div>
<\/i>
Testimonials<\/h5><\/a><\/div>
<\/i>
Thumbnails<\/h5><\/a><\/div>
<\/i>
Toggles<\/h5><\/a><\/div>
<\/i>
Lazy Loading<\/h5><\/a><\/div>
<\/i>
Flip Cards<\/h5><\/a><\/div>
<\/i>
Cascading Images<\/h5><\/a><\/div>
<\/i>
Before\/After<\/h5><\/a><\/div>
<\/i>
Video Facade<\/h5><\/a><\/div>
<\/i>
GDPR<\/h5><\/a><\/div>
<\/i>
Cart Quantity<\/h5><\/a><\/div>
<\/i>
Circle Stack<\/h5><\/a><\/div>
<\/i>
Image Sliders<\/h5><\/a><\/div>
<\/i>
Ticker<\/h5><\/a><\/div>
<\/i>
AJAX Button<\/h5><\/a><\/div>
<\/i>
Conditional<\/h5><\/a><\/div>
<\/i>
Code Highlighter<\/h5><\/a><\/div>
<\/i>
Custom Cursor<\/h5><\/a><\/div>
<\/i>
Hover Parallax<\/h5><\/a><\/div>
<\/i>
Mode Switcher<\/h5><\/a><\/div>
<\/i>
Image Hotspots<\/h5><\/a><\/div>
<\/i>
Filters<\/h5><\/a><\/div>