{"id":1383,"date":"2017-02-13T15:05:11","date_gmt":"2017-02-13T15:05:11","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1383"},"modified":"2017-02-13T15:05:11","modified_gmt":"2017-02-13T15:05:11","slug":"image","status":"publish","type":"page","link":"https:\/\/ramsol.com\/merida\/elements\/image\/","title":{"rendered":"Image"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-a2a13ba60d753119a3f41a4de7cf898f\">\n#top .av-special-heading.av-av_heading-a2a13ba60d753119a3f41a4de7cf898f{\npadding-bottom:15px;\ncolor:#000000;\nfont-size:40px;\n}\n.av-special-heading.av-av_heading-a2a13ba60d753119a3f41a4de7cf898f .special-heading-inner-border{\nborder-color:#000000;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-a2a13ba60d753119a3f41a4de7cf898f av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first  av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Image Element<\/h1><div class='special-heading-border'><div class='special-heading-inner-border'><\/div><\/div><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>The image element can be animated and has various different style settings that can be applied, like border radius, overlay, hover effects, etc<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-4474f20d2389e2e5ecf918a02da5132e\">\n#top .hr.hr-invisible.av-av_hr-4474f20d2389e2e5ecf918a02da5132e{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-av_hr-4474f20d2389e2e5ecf918a02da5132e hr-invisible  avia-builder-el-2  el_after_av_textblock  el_before_av_one_third  '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_third-6126cab7d8fab8d08143dd2dacdf673c\">\n.flex_column.av-av_one_third-6126cab7d8fab8d08143dd2dacdf673c{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_third-6126cab7d8fab8d08143dd2dacdf673c av_one_third  avia-builder-el-3  el_after_av_hr  el_before_av_one_third  first flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-cd30527718adfbed9ad481637a163e2d\">\n.avia-image-container.av-av_image-cd30527718adfbed9ad481637a163e2d .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-cd30527718adfbed9ad481637a163e2d av-styling- avia_animated_image avia_animate_when_almost_visible left-to-right avia-align-center  avia-builder-el-4  avia-builder-el-no-sibling  '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img class='wp-image-867 avia-img-lazy-loading-not-867 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-6.jpg' alt='' title=''  height=\"570\" width=\"800\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_third-0aa7055fe62c3622faec82866afbaeb2\">\n.flex_column.av-av_one_third-0aa7055fe62c3622faec82866afbaeb2{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_third-0aa7055fe62c3622faec82866afbaeb2 av_one_third  avia-builder-el-5  el_after_av_one_third  el_before_av_one_third  flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-e04878b8a1dd98e869832319fd37258a\">\n.avia-image-container.av-av_image-e04878b8a1dd98e869832319fd37258a .av-caption-image-overlay-bg{\nopacity:0.4;\nbackground-color:#000000;\n}\n.avia-image-container.av-av_image-e04878b8a1dd98e869832319fd37258a .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-e04878b8a1dd98e869832319fd37258a av-styling- av-hover-grow avia_animated_image avia_animate_when_almost_visible top-to-bottom avia-align-center  avia-builder-el-6  avia-builder-el-no-sibling  noHover av-overlay-hover-deactivate '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><a href=\"https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-1.jpg\" class='avia_image' ><div class='av-image-caption-overlay'><div class='av-caption-image-overlay-bg'><\/div><div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center'><p>Image with caption and link<\/p>\n<\/div><\/div><\/div><img class='wp-image-866 avia-img-lazy-loading-not-866 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-1.jpg' alt='' title=''  itemprop=\"thumbnailUrl\"  \/><\/a><\/div><\/div><\/div><\/div><\/p>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_third-0aa7055fe62c3622faec82866afbaeb2\">\n.flex_column.av-av_one_third-0aa7055fe62c3622faec82866afbaeb2{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_third-0aa7055fe62c3622faec82866afbaeb2 av_one_third  avia-builder-el-7  el_after_av_one_third  el_before_av_hr  flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-50e778767581a2386fa612f931ccc504\">\n.avia-image-container.av-av_image-50e778767581a2386fa612f931ccc504 .av-caption-image-overlay-bg{\nopacity:0.8;\nbackground-color:#b02b2c;\n}\n.avia-image-container.av-av_image-50e778767581a2386fa612f931ccc504 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-50e778767581a2386fa612f931ccc504 av-styling- av-hover-grow avia_animated_image avia_animate_when_almost_visible right-to-left avia-align-center  avia-builder-el-8  avia-builder-el-no-sibling  noHover av-overlay-on-hover '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><div class='av-image-caption-overlay'><div class='av-caption-image-overlay-bg'><\/div><div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center'><p>Coloured caption on hover<\/p>\n<\/div><\/div><\/div><img class='wp-image-865 avia-img-lazy-loading-not-865 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-9.jpg' alt='' title=''  height=\"570\" width=\"800\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-616cd310f4c6bf63bbd1f033802c1165\">\n#top .hr.hr-invisible.av-av_hr-616cd310f4c6bf63bbd1f033802c1165{\nheight:20px;\n}\n<\/style>\n<div  class='hr av-av_hr-616cd310f4c6bf63bbd1f033802c1165 hr-invisible  avia-builder-el-9  el_after_av_one_third  el_before_av_textblock  '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>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.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-4474f20d2389e2e5ecf918a02da5132e\">\n#top .hr.hr-invisible.av-av_hr-4474f20d2389e2e5ecf918a02da5132e{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-av_hr-4474f20d2389e2e5ecf918a02da5132e hr-invisible  avia-builder-el-11  el_after_av_textblock  el_before_av_heading  '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-8d9b0c48db0b8d0e5ad587aad4008720\">\n#top .av-special-heading.av-av_heading-8d9b0c48db0b8d0e5ad587aad4008720{\npadding-bottom:15px;\ncolor:#000000;\nfont-size:30px;\n}\n.av-special-heading.av-av_heading-8d9b0c48db0b8d0e5ad587aad4008720 .special-heading-inner-border{\nborder-color:#000000;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-8d9b0c48db0b8d0e5ad587aad4008720 av-special-heading-h2 custom-color-heading blockquote modern-quote  avia-builder-el-12  el_after_av_hr  el_before_av_one_fifth  av-inherit-size '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Round Images<\/h2><div class='special-heading-border'><div class='special-heading-inner-border'><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_fifth-6126cab7d8fab8d08143dd2dacdf673c\">\n.flex_column.av-av_one_fifth-6126cab7d8fab8d08143dd2dacdf673c{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_fifth-6126cab7d8fab8d08143dd2dacdf673c av_one_fifth  avia-builder-el-13  el_after_av_heading  el_before_av_one_fifth  first flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-d078ae9d2b6187da5cdb1a052537f5e0\">\n.avia-image-container.av-av_image-d078ae9d2b6187da5cdb1a052537f5e0 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-d078ae9d2b6187da5cdb1a052537f5e0 av-styling-circle avia_animated_image avia_animate_when_almost_visible av-rotateIn avia-align-center  avia-builder-el-14  avia-builder-el-no-sibling  '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img class='wp-image-864 avia-img-lazy-loading-not-864 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-3-180x180.jpg' alt='' title=''  height=\"180\" width=\"180\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2\">\n.flex_column.av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2 av_one_fifth  avia-builder-el-15  el_after_av_one_fifth  el_before_av_one_fifth  flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-f40929df0d45b8a071b6d4a40e87a824\">\n.avia-image-container.av-av_image-f40929df0d45b8a071b6d4a40e87a824 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-f40929df0d45b8a071b6d4a40e87a824 av-styling-circle avia_animated_image avia_animate_when_almost_visible av-rotateInUpLeft avia-align-center  avia-builder-el-16  avia-builder-el-no-sibling  '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img class='wp-image-863 avia-img-lazy-loading-not-863 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-4-180x180.jpg' alt='' title=''  height=\"180\" width=\"180\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2\">\n.flex_column.av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2 av_one_fifth  avia-builder-el-17  el_after_av_one_fifth  el_before_av_one_fifth  flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-d9988bcece22e2da99e91bc390d632ff\">\n.avia-image-container.av-av_image-d9988bcece22e2da99e91bc390d632ff .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-d9988bcece22e2da99e91bc390d632ff av-styling-circle avia_animated_image avia_animate_when_almost_visible av-rotateInUpRight avia-align-center  avia-builder-el-18  avia-builder-el-no-sibling  '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img class='wp-image-862 avia-img-lazy-loading-not-862 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-2-180x180.jpg' alt='' title=''  height=\"180\" width=\"180\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2\">\n.flex_column.av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2 av_one_fifth  avia-builder-el-19  el_after_av_one_fifth  el_before_av_one_fifth  flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-a84b2347e52b9ce73f402fc96cadc7c9\">\n.avia-image-container.av-av_image-a84b2347e52b9ce73f402fc96cadc7c9 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-a84b2347e52b9ce73f402fc96cadc7c9 av-styling-circle avia_animated_image avia_animate_when_almost_visible av-rotateInUpRight avia-align-center  avia-builder-el-20  avia-builder-el-no-sibling  '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img class='wp-image-868 avia-img-lazy-loading-not-868 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-5-180x180.jpg' alt='' title=''  height=\"180\" width=\"180\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2\">\n.flex_column.av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_fifth-0aa7055fe62c3622faec82866afbaeb2 av_one_fifth  avia-builder-el-21  el_after_av_one_fifth  el_before_av_hr  flex_column_div av-zero-column-padding '   ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_image-2a7e4359a32166fd43ad460c926e303a\">\n.avia-image-container.av-av_image-2a7e4359a32166fd43ad460c926e303a .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-av_image-2a7e4359a32166fd43ad460c926e303a av-styling-circle avia_animated_image avia_animate_when_almost_visible av-rotateInUpLeft avia-align-center  avia-builder-el-22  avia-builder-el-no-sibling  '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img class='wp-image-869 avia-img-lazy-loading-not-869 avia_image' src='https:\/\/ramsol.com\/merida\/wp-content\/uploads\/2015\/07\/portfolio-7-180x180.jpg' alt='' title=''  height=\"180\" width=\"180\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-616cd310f4c6bf63bbd1f033802c1165\">\n#top .hr.hr-invisible.av-av_hr-616cd310f4c6bf63bbd1f033802c1165{\nheight:20px;\n}\n<\/style>\n<div  class='hr av-av_hr-616cd310f4c6bf63bbd1f033802c1165 hr-invisible  avia-builder-el-23  el_after_av_one_fifth  el_before_av_textblock  '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>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<\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_mi_skip_tracking":false},"_links":{"self":[{"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/pages\/1383"}],"collection":[{"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":0,"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/pages\/1383\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/ramsol.com\/merida\/wp-json\/wp\/v2\/media?parent=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}