Special Heading

Special Heading element displays a custom styled heading with additional sub text block

Special Heading element displays a custom styled heading with additional sub text block. Element popup contains following options;

Defaults tab

  1. Heading  -  Add heading text.
  2. Strip tags  -  Strip tags if active, will remove all HTML formating and leave text only. Allowed tags are; b,br,span,strong,a,i,em.
  3. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.
  4. Inherit style from  -  Insert special heading ID to inherit the style from. If you have multiple special headings with same style you can set main special heading Custom ID than add that ID here. This way every special heading on this page with this inherit ID will use same CSS. This reduces the overhead CSS and renders the special heading faster. Note that once the inherit ID is added the CSS for this special heading is not printed. The effects must be set on per element basis.

Layout tab

  1. Heading Tag  -  Set heading HTML tag.
  2. Container box style  -  Adjust .thz-heading box style.
  3. Heading holder metrics  -  Adjust heading .thz-heading-holder metrics.

Style tab

  1. Heading style  -  Select special heading style.
  2. Heading box style  -  Adjust .thz-heading-title box style
  3. Font settings  -  Adjust heading font.

Sub text tab

  1. Show sub text  -  Show/hide sub text
  2. Sub text  -  Add sub text.
  3. Sub text metrics  -  Adjust sub text container metrics.
  4. Sub text font  -  Adjust sub text font.

Parts

  1. Heading parts  -  Add parts of the text before or after the heading or sub heading.

Heading part settings defaults tab

  1. Text  -  Insert heading part text.
  2. Part metrics  -  Adjust part metrics.
  3. Font settings  -  Adjust part font.

Heading part settings effects tab

  1. Animate  -  Add animation to the HTML container.
  2. Gradient text  -  Use gradient as heading part text color.Fallback is color 1 on non webkit browsers. Heading part color from Font settings is not used if gradient is active.

Effects tab

  1. Animate  -  Add animation to the HTML container.
  2. Gradient text  -  Use gradient as text color. Fallback is color 1 on non webkit browsers. Heading color from Font settings is not used if gradient is active.
  3. Container parallax  -  Activate/deactivate container parallax.