Image – Advanced Overlay (Effects #2)

[TS-VCSC-Icon-Title title=”Advanced Overlay Styles 11 – 20″ align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”U3R5bGVzJTJDJTIwMTElMkMlMjAtJTJDJTIwMjA=” 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=””]

Wild Romeo

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18268″ effect_style_text=”ts-hover-effect-romeo” title_text=”Wild Romeo” content_text=”Romeo never knows what he wants. He seemed to be very cross about something.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18269″ effect_style_text=”ts-hover-effect-romeo” effect_permanent=”true” title_text=”Wild Romeo” content_text=”Romeo never knows what he wants. He seemed to be very cross about something.” content_color=”#ffffff” tooltip_css=”true”]

Strange Dexter

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18270″ effect_style_text=”ts-hover-effect-dexter” title_text=”Strange Dexter” content_text=”Dexter had his own strange way. You could watch him training ants.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18274″ effect_style_text=”ts-hover-effect-dexter” effect_permanent=”true” title_text=”Strange Dexter” content_text=”Dexter had his own strange way. You could watch him training ants.” content_color=”#ffffff” tooltip_css=”true”]

Free Sarah

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18264″ effect_style_text=”ts-hover-effect-sarah” title_text=”Free Sarah” content_text=”Sarah likes to watch clouds. She’s quite depressed.” overlay_handle_color=”#0094ff” content_color=”#000000″ tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18271″ effect_style_text=”ts-hover-effect-sarah” effect_permanent=”true” title_text=”Free Sarah” content_text=”Sarah likes to watch clouds. She’s quite depressed.” content_color=”#000000″ tooltip_css=”true”]

Silly Chico

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18283″ effect_style_text=”ts-hover-effect-chico” title_text=”Silly Chico” content_text=”Chico’s main fear was missing the morning bus.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18281″ effect_style_text=”ts-hover-effect-chico” effect_permanent=”true” title_text=”Silly Chico” content_text=”Chico’s main fear was missing the morning bus.” content_color=”#ffffff” tooltip_css=”true”]

Faithful Milo

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18262″ effect_style_text=”ts-hover-effect-milo” title_text=”Faithful Milo” content_text=”Milo went to the woods. He took a fun ride and never came back.” overlay_handle_color=”#0094ff” content_color=”#020202″ tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18267″ effect_style_text=”ts-hover-effect-milo” effect_permanent=”true” title_text=”Faithful Milo” content_text=”Milo went to the woods. He took a fun ride and never came back.” content_color=”#000000″ tooltip_css=”true”]

Passionate Julia

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18272″ effect_style_text=”ts-hover-effect-julia” title_text=”Passionate Julia” content_text=”Julia dances in the deep dark.
She loves the smell of the ocean.
And dives into the morning light.” content_color_text=”#000000″ overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18284″ effect_style_text=”ts-hover-effect-julia” effect_permanent=”true” title_text=”Passionate Julia” content_text=”Julia dances in the deep dark.
She loves the smell of the ocean.
And dives into the morning light.” content_color_text=”#000000″ content_color=”#ffffff” tooltip_css=”true”]

Thoughtful Goliath

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18274″ effect_style_text=”ts-hover-effect-goliath” title_text=”Thoughtful Goliath” content_text=”When Goliath comes out, you should run.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18275″ effect_style_text=”ts-hover-effect-goliath” effect_permanent=”true” title_text=”Thoughtful Goliath” content_text=”When Goliath comes out, you should run.” content_color=”#ffffff” tooltip_css=”true”]

Tender Hera

[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-hera” title_text=”Tender Hera” content_color_icons=”#ffffff” 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=”18277″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-hera” effect_permanent=”true” title_text=”Tender Hera” content_color_icons=”#ffffff” 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”]

Jolly Winston

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18279″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-winston” title_text=”Jolly Winston” content_link1_icon=”ts-teamicon-eye5″ content_link2_icon=”ts-teamicon-calendar1″ content_link3_icon=”ts-teamicon-location1″ 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=”18252″ effect_style_type=”icons” effect_style_icons=”ts-hover-effect-winston” effect_permanent=”true” title_text=”Jolly Winston” content_link1_icon=”ts-teamicon-eye5″ content_link2_icon=”ts-teamicon-calendar1″ content_link3_icon=”ts-teamicon-location1″ 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”]

Happy Selena

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18278″ effect_style_text=”ts-hover-effect-selena” title_text=”Happy Selena” content_text=”Selena is a tiny-winged bird.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18258″ effect_style_text=”ts-hover-effect-selena” effect_permanent=”true” title_text=”Happy Selena” title_color=”#000000″ content_text=”Selena is a tiny-winged bird.” content_color_text=”#000000″ content_color=”#ffffff” tooltip_css=”true”]