Header Pro and Paragraph Pro are flexible, powerful and efficient alternatives to the built in text and header stacks.
They are designed around the idea that it is better to have an all purpose stack that simplifies edit mode, produces less code and better markup than multiple stacks nested within one another, in order to add functionality.
Both stacks are compatible with all themes but are also Foundation optimised and able to use Site Styles features. The demo projects (available for download from the the product pages) have examples and instructions in both the Tesla theme and Foundation.
Make stunning intros like this using only Header Pro and Impact
(The only other stack used was an image stack for the logo graphics)
- Simple (2-way) and Advanced (4-way) responsive size control
- Type Setting Controls
- Character and word spacing
- Line spacing correction for font base-line inadequacies
- Vertical Rhythm Adjustment for page wide correction of vertical spacing
- Font Control & Loading
- Support for default theme fonts, Google fonts or Web Fonts. Fonts loaded by one stack can optionally be shared amongst all others on the page.
- Google Font subsetting (only load the characters you need for special titles or logos etc)
Header Pro is the only stack that will autoscale and animate text within an Impact slide foreground content area
with control of limiting minimum and maximum font sizes.
Animation by character, word or all at once using 38 different CSS effects
Trigger animation on Page Load, When the header comes into view or when an Impact Slide comes into view
Headers can be split in to 3 separate segments. Each can have its own styling and even font. Design great responsive logos without graphics files.
Add image badges to draw attention to features, show new additions or for simple styling or embellishment.
Badges can be turned on or off via Easy or Total CMS
Text shadowing effects designed to enhance your headers, particularly on difficult backgrounds like images. Tasteful and stylish, not retro and garish.
Apply background colors, borders and radii to just the text area and not the full width of the stack. Ideal for transparency backgrounds over images to improve readability.
Add a readmore control to collapse a paragraph and enable a link to show and hide it. Lots of styling options and font-awesome icons.
Option to open and close readmore from an external launcher such as a button with a simple class.
Add drop capital letters to your text with one easy click. You can use a different font for the drop cap and control every aspect of its appearance, position and type face.
Add floating images with lots of responsive control. Options to stack and re-scale for mobile. Can be controlled via Easy CMS.
Flow text over multiple columns. Lots of responsive options and layout possibilities.