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://academiatribunal.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://academiatribunal.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://academiatribunal.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_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://academiatribunal.com/wp-content/uploads/2015/07/portfolio-3-180x180.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://academiatribunal.com/wp-content/uploads/2015/07/portfolio-4-180x180.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://academiatribunal.com/wp-content/uploads/2015/07/portfolio-2-180x180.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://academiatribunal.com/wp-content/uploads/2015/07/portfolio-5-180x180.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://academiatribunal.com/wp-content/uploads/2015/07/portfolio-7-180x180.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_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]