Image – Advanced Overlay (Effects #1)

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

Nice Lily

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18263″ title_text=”Nice Lily” content_text=”Lily likes to play with crayons and pencils.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18252″ effect_permanent=”true” title_text=”Nice Lily” content_text=”Lily likes to play with crayons and pencils.” content_color=”#ffffff” tooltip_css=”true”]

Holy Sadie

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18253″ effect_style_text=”ts-hover-effect-sadie” title_text=”Holy Sadie” content_text=”Sadie never took her eyes off me.
She had a dark soul.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18265″ effect_style_text=”ts-hover-effect-sadie” effect_permanent=”true” title_text=”Holy Sadie” content_text=”Sadie never took her eyes off me.
She had a dark soul.” content_color=”#ffffff” tooltip_css=”true”]

Dreamy Honey

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18255″ effect_style_text=”ts-hover-effect-honey” title_text=”Dreamy Honey Now” content_text=”Sweet dreams to everybody!” content_color_text=”#000000″ overlay_handle_color=”#0094ff” content_color=”#000000″ tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18275″ effect_style_text=”ts-hover-effect-honey” effect_permanent=”true” title_text=”Dreamy Honey Now” content_text=”Sweet dreams to everybody!” content_color_text=”#000000″ content_color=”#000000″ tooltip_css=”true”]

Crazy Layla

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18257″ effect_style_text=”ts-hover-effect-layla” title_text=”Crazy Layla” content_text=”When Layla appears, she brings an eternal summer along.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18254″ effect_style_text=”ts-hover-effect-layla” effect_permanent=”true” title_text=”Crazy Layla” content_text=”When Layla appears, she brings an eternal summer along.” content_color=”#ffffff” tooltip_css=”true”]

Creative Zoe

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18276″ effect_style_type=”icons” title_text=”Creative Zoe” title_color=”#000000″ content_icons=”Zoe never had the patience of her sisters. She deliberately punched the bear in his face.” content_link1_icon=”ts-teamicon-link6″ content_link2_icon=”ts-teamicon-portfolio” content_link3_icon=”ts-teamicon-info3″ overlay_handle_color=”#0094ff” content_color=”#020202″ 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=”18277″ effect_style_type=”icons” effect_permanent=”true” title_text=”Creative Zoe” title_color=”#000000″ content_icons=”Zoe never had the patience of her sisters. She deliberately punched the bear in his face.” content_link1_icon=”ts-teamicon-link6″ content_link2_icon=”ts-teamicon-portfolio” content_link3_icon=”ts-teamicon-info3″ content_color=”#000000″ 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”]

Warm Oscar

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18260″ effect_style_text=”ts-hover-effect-oscar” title_text=”Warm Oscar” content_text=”Oscar is a decent man. He used to clean porches with pleasure.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18261″ effect_style_text=”ts-hover-effect-oscar” effect_permanent=”true” title_text=”Warm Oscar” content_text=”Oscar is a decent man. He used to clean porches with pleasure.” content_color=”#ffffff” tooltip_css=”true”]

Sweet Marley

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18262″ effect_style_text=”ts-hover-effect-marley” title_text=”Sweet Marley” content_text=”Marley tried to convince her but she was not interested.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18263″ effect_style_text=”ts-hover-effect-marley” effect_permanent=”true” title_text=”Sweet Marley” content_text=”Marley tried to convince her but she was not interested.” content_color=”#ffffff” tooltip_css=”true”]

Glowing Ruby

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18264″ effect_style_text=”ts-hover-effect-ruby” title_text=”Glowing Ruby” content_text=”Ruby did not need any help. Everybody knew that.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18265″ effect_style_text=”ts-hover-effect-ruby” effect_permanent=”true” title_text=”Glowing Ruby” content_text=”Ruby did not need any help. Everybody knew that.” content_color=”#ffffff” tooltip_css=”true”]

Charming Roxy

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18266″ effect_style_text=”ts-hover-effect-roxy” title_text=”Charming Roxy” content_text=”Roxy was my best friend. She’d cross any border for me.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18282″ effect_style_text=”ts-hover-effect-roxy” effect_permanent=”true” title_text=”Charming Roxy” content_text=”Roxy was my best friend. She’d cross any border for me.” content_color=”#ffffff” tooltip_css=”true”]

Fresh Bubba

[TS-VCSC-Divider divider_border_thick=”2″]
[TS_VCSC_Image_Hover_Effects hover_image=”18253″ effect_style_text=”ts-hover-effect-bubba” title_text=”Fresh Bubba” content_text=”Bubba likes to appear out of thin air.” overlay_handle_color=”#0094ff” content_color=”#ffffff” tooltip_css=”true”]
[TS_VCSC_Image_Hover_Effects hover_image=”18267″ effect_style_text=”ts-hover-effect-bubba” effect_permanent=”true” title_text=”Fresh Bubba” content_text=”Bubba likes to appear out of thin air.” content_color=”#ffffff” tooltip_css=”true”]