Subheader

Custom subheader HTML

Content added to custom subheader HTML is each wrapped in <span class="client-content"></span> This is to ensure any custom CSS added is targeted to the custom HTML and does not affect the Passle content styling.

To style the custom subheader HTML add styling rules to the LESS / CSS box in the Custom HTML / CSS / JS tab.

The subheader is displayed within the passle content div, above the Passle content as follows:
<div class="passle-content">
<span class="client-content">
Custom subheader HTML
</span>
Passle content
</div>

Please note: both Display the subheader and Use custom subheader HTML must be checked to display the custom subheader HTML on the page.

Use custom subheader HTML (below) instead of Passle title

Check this box to display the custom subheader HTML. If Use custom subheader HTML is not checked the subheader defaults to the Passle title.

Please note: Display the subheader must also be checked to display the custom subheader on the page.

Display the subheader (Passle title)

Check this box to display the Passle title, or a custom subheader if Use custom subheader HTML is also checked.

Examples:

Display the subheader: checked, Use custom subheader HTML: unchecked
<h1>Passle title</h1>
Display the subheader: checked, Use custom subheader HTML: checked
<span class="client-content">Custom subheader HTML</span>
Display the subheader: unchecked – No subheader displayed

custom design tool iconcustom design tool icon