The [custom_headline] shortcode affords you a level of control over your headlines like you’ve never had before! Easily align your headings to the left, right, or center, and even specify an accent if you’d like, but that’s only the beginning. You can also set the level for each of your headings (i.e. h1, h2, h3, et cetera), but then you can specify it to look like another heading level.

Custom Headline

Custom Headline

Custom Headline

In the examples above, if you inspect the headings with any web development tools you have available, you’ll notice that each headline is an <h2>, but it has the appearance of an <h3>. This is great for styling purposes, as it allows you to keep the proper heading structure of your document without interfering with appropriate styling as well.

Code

[custom_headline type="left" level="h2" looks_like="h3" accent="true"]Custom Headline[/custom_headline]
[custom_headline type="center" level="h2" looks_like="h3" accent="true"]Custom Headline[/custom_headline]
[custom_headline type="right" level="h2" looks_like="h3" accent="true"]Custom Headline[/custom_headline]

Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.
  • type: “left,” “right,” or “center.”
  • level: “h1,” “h2,” “h3,” “h4,” “h5,” or “h6.”
  • looks_like: “h1,” “h2,” “h3,” “h4,” “h5,” or “h6.”
  • accent: set to “true” to activate the custom headline accent.