{"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:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/","title":{"rendered":"Image"},"content":{"rendered":"<body><div style='padding-bottom:15px;color:#000000;font-size:40px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote   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' style='border-color:#000000'><\/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<div style='height:50px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div class=\"flex_column av_one_third  flex_column_div av-zero-column-padding first  \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible left-to-right av-styling-    avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><img data-recalc-dims=\"1\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-6.jpg?w=1500\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><div class=\"flex_column av_one_third  flex_column_div av-zero-column-padding   \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible top-to-bottom av-styling- av-hover-grow noHover  av-overlay-hover-deactivate   avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><div class='av-image-caption-overlay'><div class='av-caption-image-overlay-bg' style='opacity:0.4; background-color:#000000; '><\/div><div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center' style='color:#ffffff; '><p>Image with caption and link<\/p>\n<\/div><\/div><\/div><img data-recalc-dims=\"1\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-1.jpg?w=1500\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/p>\n<div class=\"flex_column av_one_third  flex_column_div av-zero-column-padding   \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible right-to-left av-styling- av-hover-grow noHover  av-overlay-on-hover   avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><div class='av-image-caption-overlay'><div class='av-caption-image-overlay-bg' style='opacity:0.8; background-color:#b02b2c; '><\/div><div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center' style='color:#ffffff; '><p>Coloured caption on hover<\/p>\n<\/div><\/div><\/div><img data-recalc-dims=\"1\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-9.jpg?w=1500\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n<div style='height:20px' class='hr hr-invisible  '><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<div style='height:50px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div style='padding-bottom:15px;color:#000000;font-size:30px;' class='av-special-heading av-special-heading-h2 custom-color-heading blockquote modern-quote   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' style='border-color:#000000'><\/div><\/div><\/div>\n<div class=\"flex_column av_one_fifth  flex_column_div av-zero-column-padding first  \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible av-rotateIn av-styling-circle    avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><img data-recalc-dims=\"1\" height=\"180\" width=\"180\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-3-180x180.jpg?resize=180%2C180\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n<div class=\"flex_column av_one_fifth  flex_column_div av-zero-column-padding   \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible av-rotateInUpLeft av-styling-circle    avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><img data-recalc-dims=\"1\" height=\"180\" width=\"180\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-4-180x180.jpg?resize=180%2C180\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n<div class=\"flex_column av_one_fifth  flex_column_div av-zero-column-padding   \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible av-rotateInUpRight av-styling-circle    avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><img data-recalc-dims=\"1\" height=\"180\" width=\"180\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-2-180x180.jpg?resize=180%2C180\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n<div class=\"flex_column av_one_fifth  flex_column_div av-zero-column-padding   \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible av-rotateInUpRight av-styling-circle    avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><img data-recalc-dims=\"1\" height=\"180\" width=\"180\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-5-180x180.jpg?resize=180%2C180\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n<div class=\"flex_column av_one_fifth  flex_column_div av-zero-column-padding   \" style='border-radius:0px; '><div class='avia-image-container avia_animated_image avia_animate_when_almost_visible av-rotateInUpLeft av-styling-circle    avia-align-center '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><img data-recalc-dims=\"1\" height=\"180\" width=\"180\" class='avia_image ' src=\"https:\/\/i0.wp.com\/www.kriesi.at\/themes\/enfold-2017\/files\/2015\/07\/portfolio-7-180x180.jpg?resize=180%2C180\" alt='' title=''   itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n<div style='height:20px' class='hr hr-invisible  '><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<\/body>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1383","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Image - Adapt (North East)<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image - Adapt (North East)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/\" \/>\n<meta property=\"og:site_name\" content=\"Adapt (North East)\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AdaptNorthEast\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/index.php\\\/elements\\\/image\\\/\",\"url\":\"https:\\\/\\\/adapt-ne.org.uk\\\/index.php\\\/elements\\\/image\\\/\",\"name\":\"Image - Adapt (North East)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/#website\"},\"datePublished\":\"2017-02-13T15:05:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/index.php\\\/elements\\\/image\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/adapt-ne.org.uk\\\/index.php\\\/elements\\\/image\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/index.php\\\/elements\\\/image\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/adapt-ne.org.uk\\\/index.php\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\\\/\\\/adapt-ne.org.uk\\\/index.php\\\/elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/#website\",\"url\":\"https:\\\/\\\/adapt-ne.org.uk\\\/\",\"name\":\"Adapt\",\"description\":\"Promoting an inclusive society\",\"publisher\":{\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/adapt-ne.org.uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/#organization\",\"name\":\"Adapt - North East\",\"url\":\"https:\\\/\\\/adapt-ne.org.uk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i2.wp.com\\\/adapt-ne.org.uk\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/logo_2018.png?fit=340%2C156&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i2.wp.com\\\/adapt-ne.org.uk\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/logo_2018.png?fit=340%2C156&ssl=1\",\"width\":340,\"height\":156,\"caption\":\"Adapt - North East\"},\"image\":{\"@id\":\"https:\\\/\\\/adapt-ne.org.uk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/AdaptNorthEast\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image - Adapt (North East)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/","og_locale":"en_US","og_type":"article","og_title":"Image - Adapt (North East)","og_url":"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/","og_site_name":"Adapt (North East)","article_publisher":"https:\/\/www.facebook.com\/AdaptNorthEast\/","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/","url":"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/","name":"Image - Adapt (North East)","isPartOf":{"@id":"https:\/\/adapt-ne.org.uk\/#website"},"datePublished":"2017-02-13T15:05:11+00:00","breadcrumb":{"@id":"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adapt-ne.org.uk\/index.php\/elements\/image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adapt-ne.org.uk\/index.php\/home\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/adapt-ne.org.uk\/index.php\/elements\/"},{"@type":"ListItem","position":3,"name":"Image"}]},{"@type":"WebSite","@id":"https:\/\/adapt-ne.org.uk\/#website","url":"https:\/\/adapt-ne.org.uk\/","name":"Adapt","description":"Promoting an inclusive society","publisher":{"@id":"https:\/\/adapt-ne.org.uk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adapt-ne.org.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/adapt-ne.org.uk\/#organization","name":"Adapt - North East","url":"https:\/\/adapt-ne.org.uk\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adapt-ne.org.uk\/#\/schema\/logo\/image\/","url":"https:\/\/i2.wp.com\/adapt-ne.org.uk\/wp-content\/uploads\/2018\/07\/logo_2018.png?fit=340%2C156&ssl=1","contentUrl":"https:\/\/i2.wp.com\/adapt-ne.org.uk\/wp-content\/uploads\/2018\/07\/logo_2018.png?fit=340%2C156&ssl=1","width":340,"height":156,"caption":"Adapt - North East"},"image":{"@id":"https:\/\/adapt-ne.org.uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/AdaptNorthEast\/"]}]}},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P9V3rp-mj","_links":{"self":[{"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/1383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":0,"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/1383\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/adapt-ne.org.uk\/index.php\/wp-json\/wp\/v2\/media?parent=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}