Image – Advanced Overlay (Effects #3)

[TS-VCSC-Icon-Title title=”Advanced Overlay Styles 21 – 30″ align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”U3R5bGVzJTJDJTIwMjElMkMlMjAtJTJDJTIwMzA=” el_file1=”” el_file2=””][TS_VCSC_Info_Notice panel_type=”info” panel_icon=”ts-awesome-info-circle”]

This element is not meant to hold long text strings, just a short title and description. Otherwise, parts of the long text would be “lost” on smaller devices when the image size is also smaller than on large screen devices.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”40″ el_file=””]

[TS-VCSC-Icon-Title title=”Overlay on Hover” align=”center” font_family=”Default:regular” size=”36″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”SG92ZXI=” el_file1=”” el_file2=””]
[TS-VCSC-Icon-Title title=”Overlay Always Visible” align=”center” font_family=”Default:regular” size=”36″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”QWx3YXlzJTJDJTIwVmlzaWJsZQ==” el_file1=”” el_file2=””]

Noisy Terry

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18259″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-terry” title_text=”Noisy Terry” content_color_icons=”#ffffff” content_link1_icon=”ts-teamicon-email10″ content_link2_icon=”ts-teamicon-facebook1″ content_link3_icon=”ts-teamicon-twitter4″ content_link4_icon=”ts-teamicon-googleplus1″ overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true” content_link1=”url:mailto%3Asupport%40tekanewascripts.com||target:%20_blank” content_link2=”url:http%3A%2F%2Fwww.facebook.com||target:%20_blank” content_link3=”url:http%3A%2F%2Fwww.twitter.com||target:%20_blank” content_link4=”url:http%3A%2F%2Fwww.google.com||target:%20_blank”]
[TS_VCSC_Image_Hover_Effects hover_image=”18261″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-terry” effect_permanent=”true” title_text=”Noisy Terry” content_color_icons=”#ffffff” content_link1_icon=”ts-teamicon-email10″ content_link2_icon=”ts-teamicon-facebook1″ content_link3_icon=”ts-teamicon-twitter4″ content_link4_icon=”ts-teamicon-googleplus1″ content_color=”#ffffff” tooltip_css=”true” content_link1=”url:mailto%3Asupport%40tekanewascripts.com||target:%20_blank” content_link2=”url:http%3A%2F%2Fwww.facebook.com||target:%20_blank” content_link3=”url:http%3A%2F%2Fwww.twitter.com||target:%20_blank” content_link4=”url:http%3A%2F%2Fwww.google.com||target:%20_blank”]

Plain Phoebe

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18272″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-phoebe” title_text=”Plain Phoebe” content_color_icons=”#ffffff” content_link1_icon=”ts-teamicon-link6″ content_link2_icon=”ts-teamicon-portfolio” content_link3_icon=”ts-teamicon-download7″ overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true” content_link1=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link2=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link3=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank”]
[TS_VCSC_Image_Hover_Effects hover_image=”18284″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-phoebe” effect_permanent=”true” title_text=”Plain Phoebe” content_color_icons=”#ffffff” content_link1_icon=”ts-teamicon-link6″ content_link2_icon=”ts-teamicon-portfolio” content_link3_icon=”ts-teamicon-download7″ content_color=”#ffffff” tooltip_css=”true” content_link1=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link2=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link3=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank”]

Strong Apollo

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18269″ effect_style_text=”ts-hover-effect-apollo” title_text=”Strong Apollo” content_text=”Apollo’s last game of pool was so strange.” overlay_handle_color=”#0094ff” content_color=”#000000″ tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18273″ effect_style_text=”ts-hover-effect-apollo” effect_permanent=”true” title_text=”Strong Apollo” content_text=”Apollo’s last game of pool was so strange.” content_color=”#000000″ tooltip_css=”true”]

Dark Kira

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18268″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-kira” title_text=”Dark Kira” content_link1_icon=”ts-teamicon-file11″ content_link2_icon=”ts-teamicon-file10″ content_link3_icon=”ts-teamicon-file13″ content_link4_icon=”ts-teamicon-file15″ overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true” content_link1=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link2=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link3=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link4=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank”]
[TS_VCSC_Image_Hover_Effects hover_image=”18256″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-kira” effect_permanent=”true” title_text=”Dark Kira” content_link1_icon=”ts-teamicon-file11″ content_link2_icon=”ts-teamicon-file10″ content_link3_icon=”ts-teamicon-file13″ content_link4_icon=”ts-teamicon-file15″ content_color=”#ffffff” tooltip_css=”true” content_link1=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link2=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link3=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank” content_link4=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank”]

Lonely Steve

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18265″ effect_style_text=”ts-hover-effect-steve” title_text=”Lonely Steve” title_color=”#000000″ content_text=”Steve was afraid of the Boogieman.” content_color_text=”#000000″ overlay_handle_color=”#0094ff” content_color=”#020202″ tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18262″ effect_style_text=”ts-hover-effect-steve” effect_permanent=”true” title_text=”Lonely Steve” title_color=”#000000″ content_text=”Steve was afraid of the Boogieman.” content_color_text=”#000000″ content_color=”#020202″ tooltip_css=”true”]

Cute Moses

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18275″ effect_style_text=”ts-hover-effect-moses” title_text=”Cute Moses” content_text=”Moses loves to run after butterflies.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18255″ effect_style_text=”ts-hover-effect-moses” effect_permanent=”true” title_text=”Cute Moses” content_text=”Moses loves to run after butterflies.” content_color=”#ffffff” tooltip_css=”true”]

Dynamic Jazz

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18276″ effect_style_text=”ts-hover-effect-jazz” title_text=”Dynamic Jazz” content_text=”When Jazz starts to chase cars, the whole world stands still.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18257″ effect_style_text=”ts-hover-effect-jazz” effect_permanent=”true” title_text=”Dynamic Jazz” content_text=”When Jazz starts to chase cars, the whole world stands still.” content_color=”#ffffff” tooltip_css=”true”]

Funny Ming

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18260″ effect_style_text=”ts-hover-effect-ming” title_text=”Funny Ming” content_text=”Ming sits in the corner the whole day. She’s into crochet.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18274″ effect_style_text=”ts-hover-effect-ming” effect_permanent=”true” title_text=”Funny Ming” content_text=”Ming sits in the corner the whole day. She’s into crochet.” content_color=”#ffffff” tooltip_css=”true”]

Altruistic Lexi

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18263″ effect_style_text=”ts-hover-effect-lexi” title_text=”Altruistic Lexi” content_text=”Each and every friend is special. Lexi won’t hide a single cookie.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18254″ effect_style_text=”ts-hover-effect-lexi” effect_permanent=”true” title_text=”Altruistic Lexi” content_text=”Each and every friend is special. Lexi won’t hide a single cookie.” content_color=”#ffffff” tooltip_css=”true”]

Messy Duke

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18278″ effect_style_text=”ts-hover-effect-duke” title_text=”Messy Duke” content_text=”Duke is very bored. When he looks at the sky, he feels to run.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18264″ effect_style_text=”ts-hover-effect-duke” effect_permanent=”true” title_text=”Messy Duke” content_text=”Duke is very bored. When he looks at the sky, he feels to run.” content_color=”#ffffff” tooltip_css=”true”]