Background Teaser

[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-heart4″ title_item=”Color Big” button_text=”Regular Button” cms_fancybox_icon_color=”#7370b5″ cms_fancybox_icon_fontsize=”64px” cms_title_size=”h3″ cms_fancybox_des_color=”#ffffff” cms_title_weight=”700″ button_style=”btn-secondary” cms_template=”cms_fancybox_single.php” image_bg=”23″ color_bg=”rgba(85,188,233,0.85)” description_item=”This is teaser with big size color icon with h3 heading and RT-Icon
icon”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-leaf” title_item=”Color Big” button_text=”Inverse Button” cms_fancybox_icon_color=”#323232″ cms_fancybox_icon_fontsize=”64px” cms_title_size=”h3″ cms_fancybox_des_color=”#ffffff” cms_title_weight=”700″ button_style=”btn-inverse” cms_template=”cms_fancybox_single.php” image_bg=”27″ color_bg=”rgba(100,150,207,0.9)” description_item=”This is teaser with big size color icon with h3 heading and RT-Icon
icon”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-star3″ title_item=”Color Big” button_text=”Regular Button” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_fontsize=”64px” cms_title_size=”h3″ cms_fancybox_des_color=”#ffffff” cms_title_weight=”700″ button_style=”btn-primary” cms_template=”cms_fancybox_single.php” image_bg=”28″ color_bg=”rgba(115,112,181,0.9)” description_item=”This is teaser with big size color icon with h3 heading and RT-Icon
icon”]

Icon Teasers

You can manage icon types by toggling following classes to teaser_icon div: “grey”, “highlight”, “size_big”, “size_small”, “size_normal”, “dark_bg_color”, “main_bg_color”, “border_icon”, “round”. Also you can remove button from teaser and add a link inside any header.

Normal Icons

[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-heart” title_item=”Grey Normal” button_type=”text” cms_fancybox_icon_color=”#323232″ cms_fancybox_icon_fontsize=”42px” cms_link_title=”http://tn.joomexp.com/wordpress/wp-medico/?page_id=12″ cms_template=”cms_fancybox_single.php” description_item=”This is teaser with normal size grey icon with h2 heading and link inside header”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-heart” title_item=”Color Small” button_text=”Regular Button” cms_fancybox_icon_color=”#55bce9″ cms_fancybox_icon_fontsize=”26px” cms_title_size=”h3″ cms_link_title=”http://tn.joomexp.com/wordpress/wp-medico/?page_id=12″ cms_title_weight=”700″ button_style=”btn-primary” cms_template=”cms_fancybox_single.php” description_item=”This is teaser with small size color icon with h3 heading and theme button”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-heart” title_item=”Black Normal” button_type=”text” cms_fancybox_icon_color=”#000000″ cms_fancybox_icon_fontsize=”64px” cms_title_size=”h4″ cms_link_title=”http://tn.joomexp.com/wordpress/wp-medico/?page_id=12″ cms_title_weight=”700″ cms_template=”cms_fancybox_single.php” description_item=”This is teaser with big size black icon with h4 heading and link inside header”]

Background & Border Icons

[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-lightbulb2″ title_item=”Black Big” button_type=”text” cms_fancybox_icon_color=”#323232″ cms_fancybox_icon_fontsize=”65px” cms_fancybox_icon_height=”120px” cms_fancybox_icon_width=”120px” cms_fancybox_icon_border_style=”solid” cms_fancybox_icon_border_width=”3px” cms_fancybox_border_color=”#323232″ cms_fancybox_icon_border_radius=”0px” cms_link_title=”http://tn.joomexp.com/wordpress/wp-medico/?page_id=12″ cms_fancybox_content_padding=”70px 0″ cms_fancybox_icon_borders=”solid” cms_fancybox_icon_borderw=”3px” cms_fancybox_icon_borderr=”0″ cms_icon_style=”” cms_template=”cms_fancybox_single.php” description_item=”This is teaser with normal size grey icon with h2 heading and link inside header”]
[cms_fancybox_single icon_fontawesome=”fa fa-paint-brush” title_item=”Color Small” button_text=”Regular Button” cms_fancybox_icon_color=”#55bce9″ cms_fancybox_icon_fontsize=”26px” cms_fancybox_icon_height=”52px” cms_fancybox_icon_width=”52px” cms_fancybox_icon_border_style=”solid” cms_fancybox_icon_border_width=”3px” cms_fancybox_border_color=”#55bce9″ cms_fancybox_icon_border_radius=”100px” cms_title_size=”h3″ cms_link_title=”http://tn.joomexp.com/wordpress/wp-medico/?page_id=12″ cms_title_weight=”700″ button_style=”btn-primary” cms_fancybox_content_padding=”70px 0″ cms_template=”cms_fancybox_single.php” description_item=”This is teaser with big size color icon with h3 heading and Font Awesome icon”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-mobile” title_item=”Dark BG Normal” button_text=”Inverse Button” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_bg_color=”#020202″ cms_fancybox_icon_fontsize=”42px” cms_fancybox_icon_height=”80px” cms_fancybox_icon_width=”80px” cms_title_size=”h4″ cms_link_title=”http://tn.joomexp.com/wordpress/wp-medico/?page_id=12″ cms_title_weight=”700″ button_style=”btn-inverse” cms_fancybox_content_padding=”70px 0″ cms_template=”cms_fancybox_single.php” description_item=”This is teaser with big size black icon with h4 heading and link inside header”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-cog” title_item=”Main BG Normal” button_text=”Know More!” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_bg_color=”#7370b5″ cms_fancybox_icon_fontsize=”42px” cms_fancybox_icon_height=”80px” cms_fancybox_icon_width=”80px” cms_fancybox_icon_border_radius=”100px” cms_title_size=”h3″ cms_link_title=”http://tn.joomexp.com/wordpress/wp-medico/?page_id=12″ cms_title_weight=”700″ button_style=”btn-secondary” cms_fancybox_content_padding=”70px 0″ cms_template=”cms_fancybox_single.php” description_item=”This is teaser with big size color background icon and h3 heading”]

Teasers With Borders and Backgrounds

You can add a border or a background to any of them by adding a with_border or with_background, dark_bg_color, main_bg_color classes to teaser element.

[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-heart” title_item=”Border Teaser” button_text=”Know More!” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_bg_color=”#7370b5″ cms_fancybox_icon_fontsize=”64px” cms_fancybox_icon_height=”100px” cms_fancybox_icon_width=”100px” cms_fancybox_icon_border_radius=”0px” cms_title_size=”h4″ cms_title_weight=”700″ button_style=”btn-secondary” cms_fancybox_content_padding=”40px” cms_fancybox_content_border_style=”solid” cms_fancybox_content_border_width=”1px ” cms_fancybox_content_border_color=”#e5e5e5″ cms_template=”cms_fancybox_single.php” description_item=”This is teaser with normal size grey icon with h4 heading”]
[cms_fancybox_single icon_type=”openiconic” icon_openiconic=”vc-oi vc-oi-brush” title_item=”Muted Teaser” button_text=”Know More!” cms_fancybox_icon_color=”#55bce9″ cms_fancybox_icon_fontsize=”64px” cms_fancybox_icon_border_radius=”0px” cms_title_size=”h3″ cms_title_weight=”700″ button_style=”btn-primary” cms_fancybox_content_padding=”30px 38px 35px 40px” cms_fancybox_content_border_color=”#e5e5e5″ cms_template=”cms_fancybox_single.php” description_item=”This is teaser with big size color icon with h3 heading and Font Open Iconic” color_bg=”#f5f5f5″]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-user3″ title_item=”Dark Teaser” button_text=”Know More!” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_fontsize=”64px” cms_fancybox_icon_border_radius=”0px” cms_title_size=”h4″ cms_fancybox_title_color=”#ffffff” cms_fancybox_des_color=”#ffffff” cms_title_weight=”700″ button_style=”btn-default-white” cms_fancybox_content_padding=”38px 40px” cms_template=”cms_fancybox_single.php” description_item=”This is teaser with big size icon, dark background and h4 heading with border” color_bg=”#020202″]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-chart” title_item=”Color Teaser” button_text=”Know More!” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_fontsize=”26px” cms_fancybox_icon_height=”54px” cms_fancybox_icon_width=”54px” cms_fancybox_icon_border_style=”solid” cms_fancybox_icon_border_width=”3px” cms_fancybox_border_color=”#ffffff” cms_fancybox_icon_border_radius=”100px” cms_title_size=”h3″ cms_fancybox_title_color=”#323232″ cms_fancybox_des_color=”#ffffff” cms_title_weight=”700″ button_style=”btn-inverse” cms_fancybox_content_padding=”38px 40px” cms_template=”cms_fancybox_single.php” description_item=”This is teaser with small size icon with border, color background and h3 heading” color_bg=”#7370b5″]

Side Teasers

You can style icons for side teaser same as for regular teaser

[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-user3″ title_item=”Normal Icon Side Teaser” cms_fancybox_icon_color=”#55bce9″ cms_fancybox_icon_fontsize=”42px” cms_title_size=”h4″ cms_title_weight=”700″ description_item=”This is a side teaser with small size icon and h4 heading” cms_template=”cms_fancybox_single–layout1.php”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-user3″ title_item=”Small Icon Side Teaser” cms_fancybox_icon_align=”iconright” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_bg_color=”#7370b5″ cms_fancybox_icon_fontsize=”26px” cms_fancybox_icon_height=”70px” cms_fancybox_icon_width=”70px” cms_title_size=”h3″ cms_title_weight=”700″ description_item=”This is a side teaser with small size icon and h3 heading
” cms_template=”cms_fancybox_single–layout1.php”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-user3″ title_item=”Small Icon Side Teaser With Border” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_bg_color=”#2f2f2f” cms_fancybox_icon_fontsize=”26px” cms_fancybox_icon_height=”70px” cms_fancybox_icon_width=”70px” cms_fancybox_icon_border_radius=”100px” cms_title_size=”h3″ cms_title_weight=”700″ cms_fancybox_content_padding=”30px” cms_fancybox_content_border_style=”solid” cms_fancybox_content_border_width=”1px” cms_fancybox_content_border_color=”#e5e5e5″ description_item=”This is a side teaser with small size icon and h3 heading” cms_template=”cms_fancybox_single–layout1.php”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-user3″ title_item=”Small Icon Side Teaser” cms_fancybox_icon_align=”iconright” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_fontsize=”26px” cms_fancybox_icon_height=”52px” cms_fancybox_icon_width=”52px” cms_fancybox_icon_border_style=”solid” cms_fancybox_icon_border_width=”3px” cms_fancybox_border_color=”#ffffff” cms_title_size=”h4″ cms_fancybox_des_color=”#ffffff” cms_title_weight=”700″ cms_fancybox_content_padding=”30px” description_item=”This is a side teaser with small size icon and h4 heading
” cms_template=”cms_fancybox_single–layout1.php” color_bg=”#7370b5″]

Horizontal Teasers

You can style icons for horizontal teaser same as for regular teaser

[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-clock3″ title_item=”Business Meetings” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_bg_color=”#7370b5″ cms_fancybox_icon_fontsize=”26px” cms_fancybox_icon_height=”70px” cms_fancybox_icon_width=”70px” cms_fancybox_icon_border_radius=”100px” description_item=”At vero eos et accusam justo duo dolores ea rebum skasd gubergren no sea takimata sanctus est lorem ipsum ” cms_template=”cms_fancybox_single–layout2.php”]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-clock3″ title_item=”Business Meetings” cms_fancybox_icon_color=”#55bce9″ cms_fancybox_icon_fontsize=”64px” cms_fancybox_icon_border_radius=”100px” cms_title_size=”h3″ cms_title_margin=”27px 0″ cms_title_weight=”700″ cms_fancybox_content_padding=”40px” description_item=”At vero eos et accusam justo duo dolores ea rebum skasd gubergren no sea takimata sanctus est lorem ipsum ” cms_template=”cms_fancybox_single–layout2.php” color_bg=”#f5f5f5″]
[cms_fancybox_single icon_type=”rticon” icon_rticon=”rt-icon-clock3″ title_item=”Business Meetings” cms_fancybox_icon_color=”#ffffff” cms_fancybox_icon_fontsize=”64px” cms_fancybox_icon_height=”120px” cms_fancybox_icon_width=”120px” cms_fancybox_icon_border_style=”solid” cms_fancybox_icon_border_width=”3px” cms_fancybox_border_color=”#ffffff” cms_fancybox_icon_border_radius=”100px” cms_title_size=”h3″ cms_fancybox_des_color=”#ffffff” cms_title_margin=”27px 0″ cms_title_weight=”700″ cms_fancybox_content_padding=”40px” description_item=”At vero eos et accusam justo duo dolores ea rebum skasd gubergren no sea takimata sanctus est lorem ipsum ” cms_template=”cms_fancybox_single–layout2.php” color_bg=”#7370b5″]
[cms_social icon1=”fa fa-facebook icon-facebook” icon1_link=”#” icon2=”fa fa-twitter icon-twitter” icon2_link=”#” icon3=”fa fa-google-plus icon-goolge” icon3_link=”#” icon4=”fa fa-linkedin icon-linkedin” icon4_link=”#” icon5=”fa fa-pinterest-p icon-pinterest” icon5_link=”#”]