ADVANCED TITLES

CREATE TITLES WITH ICONS AND OTHER EFFECTS

Advanced Titles Features:

Highlight title words with a different color
Use with or without icon/image
4,600+ Icons
Use normal image instead of icon
100 different background patterns for title
Unlimited color choices for icon and backgrounds
70+ CSS3 hover animations for icon / image
6 CSS3 shadow variations for title
10 CSS3 tilt animations for title
20 web safe font groups for title
700+ Google font options for title

Export Page Content

[vc_row full_width="stretch_row_content" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1578145358352{margin-bottom: 0px !important;background-color: #ecebe9 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">ADVANCED TITLES</h1>
<h3 style="text-align: center;">CREATE TITLES WITH ICONS AND OTHER EFFECTS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][TS-VCSC-Spacer height="40"][vc_column_text]
<h2>Advanced Titles Features:</h2>
[/vc_column_text][TS-VCSC-Spacer height="20"][TS_VCSC_Fancy_List list_type="image" marker_image="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png"]
<ul>
 	<li style="text-align: justify;">Highlight title words with a different color</li>
 	<li style="text-align: justify;">Use with or without icon/image</li>
 	<li style="text-align: justify;">4,600+ Icons</li>
 	<li style="text-align: justify;">Use normal image instead of icon</li>
 	<li style="text-align: justify;">100 different background patterns for title</li>
 	<li style="text-align: justify;">Unlimited color choices for icon and backgrounds</li>
 	<li style="text-align: justify;">70+ CSS3 hover animations for icon / image</li>
 	<li style="text-align: justify;">6 CSS3 shadow variations for title</li>
 	<li style="text-align: justify;">10 CSS3 tilt animations for title</li>
 	<li style="text-align: justify;">20 web safe font groups for title</li>
 	<li style="text-align: justify;">700+ Google font options for title</li>
</ul>
[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height="20"][TS_VCSC_Content_Export toggle_switch="true" toggle_background="#ff6a32" clipboard="true"][TS-VCSC-Spacer height="40"][/vc_column][vc_column width="1/2"][TS-VCSC-Spacer height="40"][vc_single_image image="22416" img_size="large" alignment="center" css_animation="fadeInRight"][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row full_width="stretch_row_content" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1578145384901{margin-bottom: 0px !important;background-color: #ecebe9 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">TITLE EXAMPLES WITH FONT ICONS</h1>
<h3 style="text-align: center;">CREATE TITLES WITH ICONS AND OTHER EFFECTS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row type="1" margin_top="0" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="20" padding_bottom="20" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479735030161{margin-bottom: 0px !important;}"][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" title_background_color="#ffffff" icon="fa fa-home" icon_color="#000000" animations="true" animation_icon="ts-hover-css-bounce" css3animations_in="Bounce" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true" padding="false"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" title_background_color="#ffffff" style="false" title_border_type="solid" title_border_bottom="true" title_border_color="#dddddd" icon="fa fa-home" icon_color="#000000" animations="true" animation_icon="ts-hover-css-bounce" css3animations_in="Bounce" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true" padding="false"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="300" title_background_type="pattern" title_background_pattern="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/22.jpg" title_border_type="solid" title_border_color="#dddddd" icon="fa fa-home" icon_color="#000000" animations="true" animation_shadow="curved-bottom" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" padding="false" font_theme="true"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="bolder" title_background_color="#ffffff" style="false" icon="fa fa-info-circle" icon_location="top" icon_color="#000000" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="bolder" title_background_color="#ffffff" icon="fa fa-info-circle" icon_location="top" icon_color="#000000" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="bolder" title_background_type="pattern" title_background_pattern="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/71.jpg" title_border_type="solid" title_border_color="#dddddd" icon="fa fa-info-circle" icon_location="top" icon_color="#000000" animations="true" animation_title="ts-css-effect1" animation_shadow="curved" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true" padding="false"][/vc_column_inner][vc_column_inner width="1/2"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" title_background_color="#ffffff" icon="fa fa-home" icon_location="right" icon_color="#000000" animations="true" animation_icon="ts-hover-css-lightSpeedOut" css3animations_in="Light Speed Out" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true" padding="false"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" title_background_color="#ffffff" style="false" title_border_type="solid" title_border_bottom="true" title_border_color="#dddddd" icon="fa fa-home" icon_location="right" icon_color="#000000" animations="true" animation_icon="ts-hover-css-lightSpeedOut" css3animations_in="Light Speed Out" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true" padding="false"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="300" title_background_type="pattern" title_background_pattern="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/22.jpg" title_border_type="solid" title_border_color="#dddddd" icon="fa fa-home" icon_location="right" icon_color="#000000" animations="true" animation_shadow="raised" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" padding="false" font_theme="true"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="bolder" title_background_color="#ffffff" style="false" icon="fa fa-info-circle" icon_location="bottom" icon_color="#000000" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="bolder" title_background_color="#ffffff" icon="fa fa-info-circle" icon_location="bottom" icon_color="#000000" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true"][TS-VCSC-Icon-Title title="This is an Icon Title" align="center" font_family="Aubrey:regular" font_type="google" font_weight="bolder" title_background_type="pattern" title_background_pattern="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/71.jpg" title_border_type="solid" title_border_color="#dddddd" icon="fa fa-info-circle" icon_location="bottom" icon_color="#000000" animations="true" animation_title="ts-css-effect4" animation_shadow="curved-vertical" title_background_repeat="repeat" padding_horizontal="0" padding_vertical="0" font="Awesome" font_theme="true" padding="false"][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row full_width="stretch_row_content" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1578145393326{margin-bottom: 0px !important;background-color: #ecebe9 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">TITLE EXAMPLES WITH IMAGES</h1>
<h3 style="text-align: center;">CREATE TITLES WITH ICONS AND OTHER EFFECTS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][TS-VCSC-Icon-Title title="This is an Image Title" align="center" font_family="none:regular" title_background_color="#ffffff" style="false" title_border_type="solid" title_border_bottom="true" title_border_color="#dddddd" icon_replace="true" icon_image="21958" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][TS-VCSC-Icon-Title title="This is an Image Title" font_family="none:regular" title_background_color="#ffffff" style="false" icon_replace="true" icon_image="21951" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][TS-VCSC-Icon-Title title="This is an Image Title" font_family="none:regular" title_background_color="#ffffff" title_border_type="solid" title_border_color="#dddddd" icon_replace="true" icon_image="21961" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][/vc_column_inner][vc_column_inner width="1/2"][TS-VCSC-Icon-Title title="This is an Image Title" align="center" font_family="none:regular" title_background_color="#ffffff" style="false" title_border_type="solid" title_border_bottom="true" title_border_color="#dddddd" icon_replace="true" icon_image="21958" icon_location="right" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][TS-VCSC-Icon-Title title="This is an Image Title" align="right" font_family="none:regular" title_background_color="#ffffff" style="false" icon_replace="true" icon_image="21951" icon_location="right" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][TS-VCSC-Icon-Title title="This is an Image Title" align="right" font_family="none:regular" title_background_color="#ffffff" title_border_type="solid" title_border_color="#dddddd" icon_replace="true" icon_image="21961" icon_location="right" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][/vc_column_inner][/vc_row_inner][TS-VCSC-Icon-Title title="This is an Image Title" align="center" font_family="none:regular" title_background_color="#ffffff" style="false" title_border_type="solid" title_border_bottom="true" title_border_color="#dddddd" icon_replace="true" icon_image="21821" icon_size_slide="50" icon_location="top" icon_frame_type="solid" icon_frame_radius="ts-radius-full" icon_frame_color="#dddddd" icon_padding="5" animations="true" animation_icon="ts-hover-css-pulse" css3animations_in="Pulse Normal" font="Awesome" padding="true" padding_horizontal="5" padding_vertical="5" font_theme="true"][TS-VCSC-Icon-Title title="This is an Image Title" align="center" font_family="none:regular" title_background_color="#ffffff" title_border_type="solid" title_border_color="#dddddd" icon_replace="true" icon_image="21813" icon_location="top" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][TS-VCSC-Icon-Title title="This is an Image Title" align="center" font_family="none:regular" title_background_color="#ffffff" title_border_type="solid" title_border_color="#dddddd" icon_replace="true" icon_image="21792" icon_location="bottom" font="Awesome" padding="false" padding_horizontal="0" padding_vertical="0" font_theme="true"][TS-VCSC-Spacer height="40"][/vc_column][/vc_row]

Copy

TITLE EXAMPLES WITH FONT ICONS

CREATE TITLES WITH ICONS AND OTHER EFFECTS

This is an Icon Title

TITLE EXAMPLES WITH IMAGES

CREATE TITLES WITH ICONS AND OTHER EFFECTS

This is an Image Title