Stylized Headings

Below are several stylized heading options that all generate H2-level headings.

How To Add a Stylized Heading

1. Place your cursor on the page where you want the heading to appear.
2. In the editor toolbar, click the Shortcodes button.
3. Hover over White Coat Theme Shortcodes to open the submenu.
4. Select the desired heading option from the list.
5. Shortcode will be inserted into your page.
6. Replace the placeholder text with your own content.

School of Medicine Header

The School of Medicine Header shortcode is designed to introduce key sections of content on your homepage or other high-level pages. It creates a bold header that has a short underline treatment.

1. In the editor, select Shortcodes > White Coat Theme Shortcodes > School of Medicine Headers.
2. The shortcode will be added to your page.
3. Replace “A Sense of Belonging. Delete this text.” with your own text.

[medheader]A Sense of Belonging. Delete this text.[/medheader]

SOM Intro Tagline

The SOM Intro Tagline creates a bold, all-caps heading followed by a short supporting paragraph. Both elements are styled with additional white space on the left and right, giving the content a more open appearance that does not span the full width of it’s containing element.

1. In the editor, select Shortcodes > White Coat Theme Shortcodes > SOM Intro Tagline.
2. The shortcode will be added to your page.
3. Inside the opening shortcode, replace “INSERT YOUR TAGLINE” with the desired header text.
   • Do not delete the surrounding quotation marks, just replace the text inside them.
4. Replace the placeholder paragraph that begins with “Insert your content…” with the supporting text.

[som-intro tagline="INSERT YOUR TAGLINE"] Insert your content. This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me. Delete this text.
[/som-intro]

Stylized Title

The Stylized Title shortcode is used to introduce different sections of content on a page. This heading style features a yellow accent line and should only be placed on a white background. As shown in the blue example box below, the header text is styled with a white background. This prevents the yellow line from displaying behind the text.

1. In the editor, select Shortcodes > White Coat Theme Shortcodes > Stylized Title.
2. The shortcode will be added to your page.
3. Replace “Content” with the desired heading text.

[stylized-title]Content[/stylized-title]

Example Stylized Title

 

 

Font Awesome Section Header

The Font Awesome Section Header shortcode lets you add an icon to a header. There are 17 icons that can be used with this shortcode (see the list below).

1. In the editor, select Shortcodes > White Coat Theme Shortcodes > Font Awesome Section Header.
2. The shortcode will be added to your page.
3. Replace “your fa icon” with the name of the desired icon.
   • Do not delete the surrounding quotation marks, just replace the text inside them.
4. Replace “Content” with the desired heading text.

[fa-section id="your fa icon"]Content[/fa-section]

Icon Options