[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]<\/p>\n
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
\nThe image element can be animated and has various different style settings that can be applied, like border radius, overlay, hover effects, etc
\n[\/av_textblock]<\/p>\n
[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=”]<\/p>\n
[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=”]<\/p>\n
[av_image src=’https:\/\/stanleywakker.nl\/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]<\/p>\n
[\/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=”]
\n[av_image src=’https:\/\/stanleywakker.nl\/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=”]
\nImage with caption and link
\n[\/av_image]
\n[\/av_one_third]<\/p>\n
[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=”]
\n[av_image src=’https:\/\/stanleywakker.nl\/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=”]
\nColoured caption on hover
\n[\/av_image]
\n[\/av_one_third]<\/p>\n
[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=”]<\/p>\n
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
\nImages 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.
\n[\/av_textblock]<\/p>\n
[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=”]<\/p>\n
[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]<\/p>\n
[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=”]
\n[av_image src=’https:\/\/stanleywakker.nl\/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]
\n[\/av_one_fifth]<\/p>\n
[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=”]
\n[av_image src=’https:\/\/stanleywakker.nl\/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]
\n[\/av_one_fifth]<\/p>\n
[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=”]
\n[av_image src=’https:\/\/stanleywakker.nl\/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]
\n[\/av_one_fifth]<\/p>\n
[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=”]
\n[av_image src=’https:\/\/stanleywakker.nl\/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]
\n[\/av_one_fifth]<\/p>\n
[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=”]
\n[av_image src=’https:\/\/stanleywakker.nl\/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]
\n[\/av_one_fifth]<\/p>\n
[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=”]<\/p>\n
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
\nIf 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
\n[\/av_textblock]<\/p>\n","protected":false},"excerpt":{"rendered":"
[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=” […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/1383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":0,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/1383\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}