Image
[av_heading tag=’h1′ padding=’15’ heading=’Image Element’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading]
[av_textblock size= » font_color= » color= » admin_preview_bg= »]
The image element can be animated and has various different style settings that can be applied, like border radius, overlay, hover effects, etc
[/av_textblock]
[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »]
[av_one_third first min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-6.jpg’ attachment=’867′ attachment_size=’full’ align=’center’ styling= » hover= » link= » target= » caption= » font_size= » appearance= » overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’left-to-right’ admin_preview_bg= »][/av_image]
[/av_one_third][av_one_third min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-1.jpg’ attachment=’866′ attachment_size=’full’ align=’center’ styling= » hover=’av-hover-grow’ link=’lightbox’ target= » caption=’yes’ font_size= » appearance= » overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’top-to-bottom’ admin_preview_bg= »]
Image with caption and link
[/av_image]
[/av_one_third]
[av_one_third min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-9.jpg’ attachment=’865′ attachment_size=’full’ align=’center’ styling= » hover=’av-hover-grow’ link= » target= » caption=’yes’ font_size= » appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#b02b2c’ overlay_text_color=’#ffffff’ animation=’right-to-left’ admin_preview_bg= »]
Coloured caption on hover
[/av_image]
[/av_one_third]
[av_hr class=’invisible’ height=’20’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »]
[av_textblock size= » font_color= » color= » admin_preview_bg= »]
Images can be linked to any destination and the captions text, as well as the caption background can be set to any color you want or need.
[/av_textblock]
[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »]
[av_heading tag=’h2′ padding=’15’ heading=’Round Images’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’30’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading]
[av_one_fifth first min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-3-180×180.jpg’ attachment=’864′ attachment_size=’square’ align=’center’ styling=’circle’ hover= » link= » target= » caption= » font_size= » appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateIn’ admin_preview_bg= »][/av_image]
[/av_one_fifth]
[av_one_fifth min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-4-180×180.jpg’ attachment=’863′ attachment_size=’square’ align=’center’ styling=’circle’ hover= » link= » target= » caption= » font_size= » appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpLeft’ admin_preview_bg= »][/av_image]
[/av_one_fifth]
[av_one_fifth min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-2-180×180.jpg’ attachment=’862′ attachment_size=’square’ align=’center’ styling=’circle’ hover= » link= » target= » caption= » font_size= » appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpRight’ admin_preview_bg= »][/av_image]
[/av_one_fifth]
[av_one_fifth min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-5-180×180.jpg’ attachment=’868′ attachment_size=’square’ align=’center’ styling=’circle’ hover= » link= » target= » caption= » font_size= » appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpRight’ admin_preview_bg= »][/av_image]
[/av_one_fifth]
[av_one_fifth min_height= » vertical_alignment= » space= » custom_margin= » margin=’0px’ padding=’0px’ border= » border_color= » radius=’0px’ background_color= » src= » background_position=’top left’ background_repeat=’no-repeat’ animation= » mobile_display= »]
[av_image src=’http://e-ipnetp.com/wp-content/uploads/2015/07/portfolio-7-180×180.jpg’ attachment=’869′ attachment_size=’square’ align=’center’ styling=’circle’ hover= » link= » target= » caption= » font_size= » appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpLeft’ admin_preview_bg= »][/av_image]
[/av_one_fifth]
[av_hr class=’invisible’ height=’20’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »]
[av_textblock size= » font_color= » color= » admin_preview_bg= »]
If an image is a square you can set the style to circular and it will appear as in the example above. Works also very well with rotation animation
[/av_textblock]
