{"id":346,"date":"2017-02-19T04:36:08","date_gmt":"2017-02-19T04:36:08","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=346"},"modified":"2023-01-25T12:40:44","modified_gmt":"2023-01-25T12:40:44","slug":"image","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/image\/","title":{"rendered":"Image"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-bv9fu-77b94523b5658a6c9b227875923ff720\">\n#top .av-special-heading.av-bv9fu-77b94523b5658a6c9b227875923ff720{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-bv9fu-77b94523b5658a6c9b227875923ff720 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-bv9fu-77b94523b5658a6c9b227875923ff720 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-bv9fu-77b94523b5658a6c9b227875923ff720 av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Image<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-7029vm-50a7197fc77d79ef620bce025670ccb9 hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6w3wvm-87c261097f5a870ffd35a39b8efded64 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-6n5hmi-cdefbc7225ad58ded19835707b189f60 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><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. Images can be linked to any files or pages, and the captions text, and background, can also be styled.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-6l8oru-80b54113a1fa2f4412914abaa20922ac '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>View examples of the <a href=\"https:\/\/kriesi.at\/themes\/enfold-2017\/elements\/image\/\" target=\"_blank\" rel=\"noopener\">image element<\/a>.<\/p>\n<\/div><\/section>\n<div  class='hr av-6fqxy2-56c8f1307a519b39dc0245777ff6e4f5 hr-default  avia-builder-el-5  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6w3wvm-18-66a9c2036ba26f7bfd4f10077303c10e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Mask Overlay<\/h3>\n<\/div><\/section>\n<div  class='flex_column av-1573gy-dd1204fdce7795b1775ef4edcd0ad241 av_one_third  avia-builder-el-7  el_after_av_textblock  el_before_av_one_third  first flex_column_div  column-top-margin'     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-l63op0eg-d39947c02b1faf948375a4f12134527f\">\n.avia-image-container.av-l63op0eg-d39947c02b1faf948375a4f12134527f img.avia_image{\nbox-shadow:none;\n-webkit-mask-image:url( https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/themes\/enfold\/config-templatebuilder\/avia-template-builder\/assets\/masks\/blob.svg );\n-webkit-mask-size:contain;\n-webkit-mask-position:center center;\n-webkit-mask-repeat:no-repeat;\nmask-image:url( https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/themes\/enfold\/config-templatebuilder\/avia-template-builder\/assets\/masks\/blob.svg );\nmask-size:contain;\nmask-position:center center;\nmask-repeat:no-repeat;\n}\n.avia-image-container.av-l63op0eg-d39947c02b1faf948375a4f12134527f .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-l63op0eg-d39947c02b1faf948375a4f12134527f av-styling- avia-align-center  avia-builder-el-8  el_before_av_textblock  avia-builder-el-first '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-8550 avia-img-lazy-loading-not-8550 avia_image ' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474-1030x687.jpg\" alt='' title='modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474'  height=\"687\" width=\"1030\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474-1030x687.jpg 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474-300x200.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474-768x512.jpg 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474-1500x1000.jpg 1500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474-705x470.jpg 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/modern-laptop-and-smartphone-on-black-desk_free_stock_photos_picjumbo_DSC03787-2210x1474-600x400.jpg 600w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-l63os78z-0a80499eb6f2114b401fc1e47c325959 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Image overlay<\/p>\n<\/div><\/section><\/p><\/div>\n<div  class='flex_column av-35h56-75c97bb96bd619c9cdf2456bece331fd av_one_third  avia-builder-el-10  el_after_av_one_third  el_before_av_one_third  flex_column_div  column-top-margin'     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-l63optx2-687052b46a2783ad7834319fc7878af4\">\n.avia-image-container.av-l63optx2-687052b46a2783ad7834319fc7878af4 img.avia_image{\nbox-shadow:none;\n-webkit-mask-image:linear-gradient(0deg,rgb(0, 0, 0, 0),rgb(0, 0, 0, 1));\n-webkit-mask-size:cover;\n-webkit-mask-position:center center;\nmask-image:linear-gradient(0deg,rgb(0, 0, 0, 0),rgb(0, 0, 0, 1));\nmask-size:cover;\nmask-position:center center;\n}\n.avia-image-container.av-l63optx2-687052b46a2783ad7834319fc7878af4 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-l63optx2-687052b46a2783ad7834319fc7878af4 av-styling- avia-align-center  avia-builder-el-11  el_before_av_textblock  avia-builder-el-first '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-8549 avia-img-lazy-loading-not-8549 avia_image ' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473-1030x687.jpg\" alt='' title='freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473'  height=\"687\" width=\"1030\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473-1030x687.jpg 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473-300x200.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473-768x512.jpg 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473-1500x1000.jpg 1500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473-705x470.jpg 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473-600x400.jpg 600w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-t6z56-42660de0eb989592ba1da369eab3f731 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Linear gradient overlay<\/p>\n<\/div><\/section><\/p><\/div>\n<div  class='flex_column av-jv43e-9924342c2deb712e8499d0e50e69a5db av_one_third  avia-builder-el-13  el_after_av_one_third  el_before_av_hr  flex_column_div  column-top-margin'     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-l63oqljy-154bb117854cc78cd7d4bcf833b35c10\">\n.avia-image-container.av-l63oqljy-154bb117854cc78cd7d4bcf833b35c10 img.avia_image{\nbox-shadow:none;\n-webkit-mask-image:radial-gradient(circle at center center,rgb(0, 0, 0, 0),rgb(0, 0, 0, 1));\n-webkit-mask-size:cover;\n-webkit-mask-position:center center;\nmask-image:radial-gradient(circle at center center,rgb(0, 0, 0, 0),rgb(0, 0, 0, 1));\nmask-size:cover;\nmask-position:center center;\n}\n.avia-image-container.av-l63oqljy-154bb117854cc78cd7d4bcf833b35c10 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-l63oqljy-154bb117854cc78cd7d4bcf833b35c10 av-styling- avia-align-center  avia-builder-el-14  el_before_av_textblock  avia-builder-el-first '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-8548 avia-img-lazy-loading-not-8548 avia_image ' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474-1030x687.jpg\" alt='' title='coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474'  height=\"687\" width=\"1030\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474-1030x687.jpg 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474-300x200.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474-768x512.jpg 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474-1500x1000.jpg 1500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474-705x470.jpg 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/coffee-laptop-business-work-still-life_free_stock_photos_picjumbo_HNCK9012-2210x1474-600x400.jpg 600w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-l63osrln-dd9f01fc480777fd06bc8f4bfddabcf9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Radial gradient overlay<\/p>\n<\/div><\/section><\/p><\/div>\n<div  class='hr av-ggg76-283543acc770e6bb8cafa6503ee7c397 hr-default  avia-builder-el-16  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 av-6pbrm-b21aa496b1c9023ee8b005ed4549d65d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Responsive Images<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-6n5hmi-17-d9345880658e034d429400b623a967a2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Since Enfold 4.7.6 support for responsive images was added built on core WP implementation and based on pure HTML attributes scrset and sizes that provide native browser support.<\/p>\n<p><strong>How does WP recognise responsive image sizes<\/strong><\/p>\n<p>When adding an image to content (or you select an image for an ALB element) you select a size for this image, e.g. you choose WP default size &#8220;medium&#8221; (300*300px). This would be an aspect ratio of 1:1.<\/p>\n<p>Now WP looks for defined thumb sizes that have an aspect ratio of 1:1 ( +\/- 1 px is considered to fit ) and uses these thumbs (e.g. 36*<em>36px, 80*<\/em>80px, 180*180px etc.).<\/p>\n<p>If no thumbs are found, then this image is considered as &#8220;not responsive&#8221; and no attributes are added.<\/p>\n<p>To assist you Enfold shows a list of all registered thumb sizes grouped by aspect ration in Theme Options Page -&gt; Performance -&gt; Responsive Images -&gt; Image Thumbnails Info.<\/p>\n<p><strong>Add more thumb sizes<\/strong><\/p>\n<p>Depending on your image sizes you upload it might be necessary to add more thumb sizes. There is no limit for that, but keep in mind that for each defined thumb size an image file is created.<\/p>\n<p>You can use a plugin like\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/simple-image-sizes\/\" rel=\"nofollow\">Simple Image Sizes<\/a>\u00a0to manage your custom sizes. Advanced users can use a filter &#8211; see an example in our\u00a0<a href=\"https:\/\/github.com\/KriesiMedia\/enfold-library\/blob\/master\/actions%20and%20filters\/Layout\/avf_modify_thumb_size.php\">Enfold Code Snippet Library<\/a>.<\/p>\n<p>If you change thumbnail sizes do not forget to run a plugin like\u00a0<a href=\"https:\/\/de.wordpress.org\/plugins\/regenerate-thumbnails\/\" rel=\"nofollow\">Regenerate Thumbnails<\/a>\u00a0to synchronize already uploaded images (create\/remove thumbs files and adjust database).<\/p>\n<\/div><\/section>\n<div  class='hr av-6fqxy2-16-681e5e52a835793101c96e6a9251436b hr-default  avia-builder-el-19  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6w3wvm-15-5941bf53bfe682a528acd6cddc994d96 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Lazy loading of images<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-6n5hmi-14-ebf5417cb85842e0262bf421e29b345c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Starting with WP 5.5 there is WP core support for lazy loading of images using the pure HTML attribute loading=&#8221;Lazy&#8221;. This attribute is supported by many modern browsers (currently not by Safari &#8211; state summer 2020). Older browsers ignore this attribute.<\/p>\n<p>Currently lazy loading and animation on images when loading the page might not work as expected &#8211; especially for ALB elements but it could also happen for other pages.<\/p>\n<p>Therefore we decided to offer a way to enable\/disable this feature completly or decide for each ALB element separately.<\/p>\n<p><strong>Enfold theme options page -&gt; Performance -&gt; Responsive Images And Lazy Loading -&gt; Lazy Loading<\/strong><\/p>\n<p>If you select &#8220;Disable lazy loading&#8221; Enfold hooks into the standard WP API for lazy loading (filter wp_lazy_loading_enabled) and removes the attribute. As long as 3rd party plugins use standard WP API to create images this should leave your site HTML as up to WP 5.4.2 without the attribute.<\/p>\n<p>Changing this option does not make any changes to other settings (e.g. in ALB elements) for this feature. So it is safe to change to check for functionality of your site and for performance checks.<\/p>\n<p><strong>ALB Element Modal Popup -&gt; Advanced -&gt; Animation -&gt; Lazy Loading Of Images<\/strong><\/p>\n<p>You can decide for each element to activate or deactivate lazy loading. For most elements it is deactivated by default to make sure that existing sites are not broken. If you activate it, please check your frontend and make sure that everything works as you expect.<\/p>\n<p><strong>Advanced Users:<\/strong><\/p>\n<p>Use filter avf_init_no_lazy_loading_ids to disable lazy loading for certain images. As filter wp_lazy_loading_enabled does not have a reference to the attachment id (state WP 5.5-beta-2) this might not always work.<\/p>\n<\/div><\/section>\n<div  class='hr av-6fqxy2-13-45d15b1b93f4c43cdccebd30c004d121 hr-default  avia-builder-el-22  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-68xt3m-184cdcf888b42e564864d2a425b51f6e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Code Snippet<\/h2>\n<\/div><\/section>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-24  el_after_av_textblock  el_before_av_hr '><div id=\"text-3\" class=\"widget clearfix widget_text\">\t\t\t<div class=\"textwidget\"><p><strong>How to use the snippets?<\/strong><\/p>\n<ul>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/\" target=\"_blank\" rel=\"noopener\">CSS Snippets<\/a> to Enfold child theme styles.<\/li>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-js-or-php-script\/\" target=\"_blank\" rel=\"noopener\">JS and PHP scripts<\/a> to your\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">child theme<\/a>\u00a0functions.php file.<\/li>\n<li>Shortcodes can be used in a text area in pages, posts, sliders and widget areas.\u00a0Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#debug-mode\" target=\"_blank\" rel=\"noopener\">debug mode<\/a>\u00a0to view the page shortcode.<\/li>\n<li>Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#turn-on-custom-css-class-field-for-all-alb-elements\">custom CSS class name support<\/a>\u00a0to\u00a0add your\u00a0class names to the theme elements.<\/li>\n<li>Disable <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-clear-the-cache\/\" target=\"_blank\" rel=\"noopener\">script merging and clear the cache<\/a>\u00a0to view the changes on the frontend.<\/li>\n<\/ul>\n<p><strong>NOTE<\/strong>: If the code snippets produce a different result on your site, it may be because the settings on your site are different or due\u00a0to any customization already added to achieve a similar result. Please try removing your customization if any and feel free to change the values in the example codes to suit your design.<\/p>\n<\/div>\n\t\t<\/div><\/div>\n<div  class='hr av-5wroq2-56066f504550f4ef02ad14008b2f5a5d hr-default  avia-builder-el-25  el_after_av_sidebar  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-ktr0a-945e28a19901ae1748969332fb1abb55 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Shortcode<\/h3>\n<\/div><\/section>\n\n<div  class='hr av-57o4y2-5b3210bfc0d37eec88cc8fdf44c7263f hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-527s9u-9b9fa4e681c56e64a58047a609e5b06c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section>\n<div  class='hr av-4vv6c2-f00991f86eae2a8bf0f5fdef98b87d57 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-4sc516-d9a307d0727bfed1968205f515ab5c8f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Display Image caption below the image<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-4j5xoq-33906f3deb9f30cf5de139f733fe08f2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Add your caption text to the image element from the caption tab and use the custom CSS to display the caption text below the image.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-4gisj6-1548bd945b08df2b45fb82f5a7e4b02e\">\n.avia-image-container.av-4gisj6-1548bd945b08df2b45fb82f5a7e4b02e img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-4gisj6-1548bd945b08df2b45fb82f5a7e4b02e .av-caption-image-overlay-bg{\nopacity:1;\n}\n.avia-image-container.av-4gisj6-1548bd945b08df2b45fb82f5a7e4b02e .av-image-caption-overlay-center{\ncolor:#111111;\nfont-size:13px;\n}\n<\/style>\n<div  class='avia-image-container av-4gisj6-1548bd945b08df2b45fb82f5a7e4b02e av-styling- avia-align-left  avia-builder-el-28  avia-builder-el-no-sibling  bottom-caption 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\"><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>Caption below the image.<\/p>\n<\/div><\/div><\/div><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-7340 avia-img-lazy-loading-not-7340 avia_image ' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-6-300x214.jpg\" alt='' title='portfolio-6-300x214'  height=\"214\" width=\"300\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-6-300x214.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-6-300x214-260x185.jpg 260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/div><\/div>\n<section  class='av_textblock_section av-45gslm-9b179f82ce4e2a5ae945817db2ee9f67 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\r\n\/\/ CSS - Image element\r\n\/\/--------------------------------------*\/\r\n\r\n#top .av-image-caption-overlay {\r\n    height: auto;\r\n    width: auto;    \r\n    left: 0px;\r\n    bottom: 0px;\r\n    transform: translateY(100%);    \r\n}\r\n#top .av-image-caption-overlay-center {\r\n  padding: 0;\r\n}\r\n#top .avia_image  {\r\n  margin-bottom: 50px;\r\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-3ztwl6-222d29f43afa7a9ea7e40cda388d2065 hr-default  avia-builder-el-29  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3w34qi-a1578c16840999deec554df736dc943c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Image swap on hover<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-3pcoca-b8ebba01bfade3e3b5c2d8c428a26509 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To swap an image with another on hover please use the below CSS and change the image URL in the code to your own image. In the image element option select the option &#8220;Always display caption&#8221; for the code to work.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-3l2agy-a96f92a29ebc74d3470196f6a1bdc66d\">\n.avia-image-container.av-3l2agy-a96f92a29ebc74d3470196f6a1bdc66d img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-3l2agy-a96f92a29ebc74d3470196f6a1bdc66d .av-caption-image-overlay-bg{\nopacity:1;\n}\n.avia-image-container.av-3l2agy-a96f92a29ebc74d3470196f6a1bdc66d .av-image-caption-overlay-center{\ncolor:#111111;\nfont-size:13px;\n}\n<\/style>\n<div  class='avia-image-container av-3l2agy-a96f92a29ebc74d3470196f6a1bdc66d av-styling- avia-align-left  image-swap 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\"><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\"><\/div><\/div><\/div><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-7341 avia-img-lazy-loading-not-7341 avia_image ' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-5-300x214.jpg\" alt='' title='portfolio-5-300x214'  height=\"214\" width=\"300\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-5-300x214.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-5-300x214-260x185.jpg 260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/div><\/div>\n<section  class='av_textblock_section av-3cx0lm-9caf157c96aaad1e5696fc60f0318bce '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\r\n\/\/ CSS - Image Swap\r\n\/\/--------------------------------------*\/\r\n\r\n.av-image-caption-overlay {\r\n  background-position: 50% 50%;\r\n}\r\n.av-image-caption-overlay:hover {\r\n  background-size: contain;\r\n  background-image: url(https:\/\/kriesi.at\/wp-content\/themes\/kriesi\/images\/logo.png);\r\n  background-color: rgba(255,255,255,0.5);\r\n  background-repeat: no-repeat;\r\n  background-position: 50% 50%;\r\n  transform: all .0s;\r\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-3axn5m-0045f5110827c55173c5365566d021b0 hr-default  avia-builder-el-31  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-2ztjlu-85113d7158fe17c4f7ad848da7946367 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Image border<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-2v7y6q-632a8b213d1a69469a58591487d53ec5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Add a custom border to image element using the CSS below.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2pe4y2-614840ffb672dc76718a726d173f979f\">\n.avia-image-container.av-2pe4y2-614840ffb672dc76718a726d173f979f img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-2pe4y2-614840ffb672dc76718a726d173f979f .av-caption-image-overlay-bg{\nopacity:1;\n}\n.avia-image-container.av-2pe4y2-614840ffb672dc76718a726d173f979f .av-image-caption-overlay-center{\ncolor:#111111;\nfont-size:13px;\n}\n<\/style>\n<div  class='avia-image-container av-2pe4y2-614840ffb672dc76718a726d173f979f av-styling- avia-align-left  avia-builder-el-34  el_after_av_textblock  el_before_av_textblock  image-border 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\"><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\"><\/div><\/div><\/div><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-7341 avia-img-lazy-loading-not-7341 avia_image ' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-5-300x214.jpg\" alt='' title='portfolio-5-300x214'  height=\"214\" width=\"300\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-5-300x214.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/portfolio-5-300x214-260x185.jpg 260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/div><\/div>\n<section  class='av_textblock_section av-2icny2-51f08106d577657e8ded5dbfc7093c66 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\r\n\/\/ CSS - Image border\r\n\/\/--------------------------------------*\/\r\n.avia-image-container img {\r\n border: 1px solid gray;\r\n padding: 5px;\r\n}<\/pre>\n<\/div><\/section>\n<section  class='av_textblock_section av-2ztjlu-12-5a81c57f3a53c1e812f0d448169ae3be '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Image border on hover<\/strong><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-2ztjlu-11-e673d8995faec4bc83dca296c198e09b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The below CSS will help you add a border effect to the image element when a user hovers the mouse over the image.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-2ztjlu-10-401d194995858c9dd72ab02ea8694229 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre><code>\r\n\/*----------------------------------------\r\n\/\/ CSS - Image border on hover\r\n\/\/--------------------------------------*\/\r\n\r\n.avia-image-container img:hover {\r\n    border: 2px solid red;\r\n    -webkit-transition: all 0.1s;\r\n    transition: all 0.1s;\r\n}\r\n<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-2ge982-d87b5fd3deb386a2e7f876107124243e hr-default  avia-builder-el-36  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-2b5on6-3f342f6d75b73441e4061558222156bb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove image alt title on hover<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-226x1m-a84f403c5a6dfd01623a3f9d8d59b4f5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>When you hover over images, their title (\u201cSingle Portfolio: 2\/3 Gallery\u201d in the example below) would show up.<\/p>\n<div class=\"avia-image-container av-styling- avia-builder-el-0 avia-builder-el-no-sibling avia-align-center \">\n<div class=\"avia-image-container-inner\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7339\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Screen-Shot-2015-09-28-at-17.10.35.png\" alt=\"\" width=\"680\" height=\"546\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Screen-Shot-2015-09-28-at-17.10.35.png 680w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Screen-Shot-2015-09-28-at-17.10.35-300x241.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Screen-Shot-2015-09-28-at-17.10.35-450x361.png 450w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/p>\n<\/div>\n<\/div>\n<p>It is a browser feature but it is possible to hide them by adding following code to Functions.php file of your child theme in Appearance &gt; Editor<\/p>\n<\/div><\/section>\n\n<div  class='hr av-1t66gi-0dc766e072be3cfb71ed00121fb7faf0 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1jrw7u-1e1ab28c142fa5af13ad7685b571f8a7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove the image overlay (circle and arrow )on hover<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1gjhmq-849f315883d7ec94097d8b9b8d44e97f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>You can go to Enfold theme options &gt; Advanced Styling and edit &#8220;Linked Image Overlays&#8221; to disable them.<\/p>\n<p>To remove the image overlay with the circle and arrow on hover only on certain image, please edit your element and give it a custom CSS class (&#8220;your-custom-class&#8221; for example) in Advanced &gt; Developer Settings and add following code to Enfold theme options &gt; General Styling &gt; Quick CSS<\/p>\n<pre>\/* Remove image overlay with circle and arrow *\/\r\n.your-custom-class .image-overlay {\r\ndisplay: none !important;\r\nopacity: 0 !important;\r\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-18zbsi-f7406ab84798a0a0f5d3aace194389ef hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-14sucq-5388a00a47ee1c16475c81667f5f0f2f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Prevent image or link from opening in a Lightbox<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-xyj2i-8047d3baa84777ae24d192ca1bea251e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The theme has a script in place to automatically pick up video and image links and open them in a lightbox. This isn\u2019t a one-size-fits-all solution so there is a simple way in place to prevent any single item from opening in a lightbox: adding the noLightbox class to a link will tell the script not to open the link in a lightbox no matter what it is.<\/p>\n<p>For example:<\/p>\n<pre><code><a class=\"noLightbox\" href=\"http:\/\/www.youtube.com\/\">Youtube<\/a><\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-18zbsi-9-f1ea134efb02d959041888760ef5754a hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-14sucq-8-3cbe3b670d98c1bae6b755d94f610dd2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Add title attribute to new inserted image via &#8220;Add Media&#8221; button<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-xyj2i-7-1c9018a7e4848c4fbf44a7fdf4d10d01 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>In WordPress core, when adding an image to standard WP tinyMCE editor with the &#8220;Add Media&#8221; button the title tag is skipped and no longer supported:<\/p>\n<p>&#8220;For both accessibility and search engine optimization (SEO), alt text is more important than title text. This is why we strongly recommend including alt text for all your images.&#8221;<\/p>\n<p>Following snippet adds the title attribute to new added images.<\/p>\n<\/div><\/section>\n\n<div  class='hr av-qsksy-6b3db6f0f6872cd3a7b9ba8f91a2f3ee hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-jtmuq-6d0902052e847b50a3f4f7742f3e3f07 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Resource<\/h2>\n<\/div><\/section>\n<div  class='hr av-dvenu-b70c6ee0bdaaef069df5e1299be79fc9 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-7slci-d29aa94c65c1ea4f0d4cf1007cabec6e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Contributed video<\/strong>:<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=Etd-GJqtL5o\"> Image Element Tutorial <\/a><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[2,8],"tags":[],"class_list":["post-346","post","type-post","status-publish","format-standard","hentry","category-documentation","category-media-elements","documentation","media-elements"],"modified_by":"Yigit","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=346"}],"version-history":[{"count":6,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/346\/revisions"}],"predecessor-version":[{"id":13517,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/346\/revisions\/13517"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}