Elements – Typed Text

[vc_row full_width=»stretch_row»][vc_column][stack_hero image=»38″][vc_column_text]

Typed Headline

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →[/vc_column_text][/stack_hero][/vc_column][/vc_row][vc_section css=».vc_custom_1498221004278{padding-top: 0px !important;}» ebor_docs=»»][vc_row][vc_column width=»1/2″][vc_column_text el_class=»boxed bg–secondary boxed–lg boxed–border»]

Typed Headline

A neat decorative text feature that simulates typing out a number of specified words housed in a data attribute.

This effect requires a parent .typed-headline element that houses two <span> elements. The first <span> represents the part of the headline that doesn’t change, and the second <span> with class .typed-text contains a the data attribute data-typed-strings. The data attribute should contain a list of strings to type separated by commas.

The typed text element can be modified with the following classes:

  • .typed-text–cursor on the .typed-text element adds a simulated cursor to enhance the typing effect

[/vc_column_text][/vc_column][vc_column width=»1/2″][stack_typed_text intro=»Stack helps forward-thinking clients» text=»engage audiences,convert visitors,forge ahead,establish brands,target customers,disrupt industries»][/vc_column][/vc_row][/vc_section]