core/heading


Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.

Heading 2 – all caps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec cursus leo. Quisque scelerisque rutrum libero, a rhoncus ante scelerisque sit amet. Nam tempus orci id convallis faucibus.

Heading 3 – Initial caps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec cursus leo. Quisque scelerisque rutrum libero, a rhoncus ante scelerisque sit amet. Nam tempus orci id convallis faucibus.

Heading 4 – lowercase

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec cursus leo. Quisque scelerisque rutrum libero, a rhoncus ante scelerisque sit amet. Nam tempus orci id convallis faucibus.

Heading 5
Heading 6

Code Structure

<h2 style="text-transform:uppercase">Example #1 – Heading 2</h2>

<h3>Heading 3</h3>

<h4 style="text-transform:lowercase">Heading 4</h4>

<h5></h5>

<h6></h6>


One response to “core/heading”

  1. All uppercase can create pronunciation problems where screen readers interpret title text as abbreviations. In this demo, the all caps for h5 and h6 come from the theme; the h2 and h4 are set from block options.

Leave a Reply