{"id":258083,"date":"2023-12-22T12:23:09","date_gmt":"2023-12-22T12:23:09","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/?p=258083"},"modified":"2024-06-23T14:18:45","modified_gmt":"2024-06-23T13:18:45","slug":"image-swap-1","status":"publish","type":"post","link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/image-swap-1\/","title":{"rendered":"Image Swap 1"},"content":{"rendered":"<style>.kb-row-layout-id258083_e8ed0d-e0 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id258083_e8ed0d-e0 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id258083_e8ed0d-e0 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-lg, 4rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:var(--global-kb-spacing-xl, 4rem);padding-bottom:var(--global-kb-spacing-xl, 4rem);padding-left:var(--global-kb-spacing-lg, 3rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id258083_e8ed0d-e0 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id258083_e8ed0d-e0 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id258083_e8ed0d-e0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}\/* B&B Image Swap 1 *\/ #main .bb-image-swap-1 .wp-block-kadence-image {  transition: margin .5s ease;}#main .bb-image-swap-1 .wp-block-kadence-image.active {  position: absolute;  top: 0;  left: 0;  margin: 0;}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id258083_e8ed0d-e0 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column258083_639fea-d7 > .kt-inside-inner-col,.kadence-column258083_639fea-d7 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column258083_639fea-d7 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column258083_639fea-d7 > .kt-inside-inner-col{flex-direction:column;}.kadence-column258083_639fea-d7 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column258083_639fea-d7 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column258083_639fea-d7{position:relative;}@media all and (max-width: 1024px){.kadence-column258083_639fea-d7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column258083_639fea-d7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column258083_639fea-d7 bb-image-swap-1\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-image.kb-image258083_0dbe10-86:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:-30px;margin-right:30px;margin-bottom:30px;margin-left:-30px;}.kb-image258083_0dbe10-86 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image258083_0dbe10-86\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1200\" src=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-1.jpg\" alt=\"\" class=\"kb-img wp-image-251274\" srcset=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-1.jpg 1080w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-1-270x300.jpg 270w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-1-922x1024.jpg 922w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-1-768x853.jpg 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-image.kb-image258083_5bd20e-38:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:-30px;margin-right:30px;margin-bottom:30px;margin-left:-30px;}.kb-image258083_5bd20e-38 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image258083_5bd20e-38 size-large active\"><img loading=\"lazy\" decoding=\"async\" width=\"922\" height=\"1024\" src=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-3-922x1024.jpg\" alt=\"\" class=\"kb-img wp-image-251276\" srcset=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-3-922x1024.jpg 922w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-3-270x300.jpg 270w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-3-768x853.jpg 768w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-3.jpg 1080w\" sizes=\"auto, (max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns258083_cf4339-16{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-end;align-items:center;}.kt-btns258083_cf4339-16 .kt-button{font-weight:normal;font-style:normal;}.kt-btns258083_cf4339-16 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns258083_cf4339-16 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns258083_cf4339-16 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns258083_cf4339-16 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns258083_cf4339-16 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns258083_cf4339-16 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns258083_cf4339-16 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns258083_cf4339-16\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn258083_f09888-f3.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn258083_f09888-f3.kb-button{color:var(--global-palette3, #1A202C);background:rgba(255,255,255,0);padding-right:0px;}.kb-btn258083_f09888-f3.kb-button .kb-svg-icon-wrap{padding-right:0px;font-size:40px;--kb-button-icon-size:40px;}.wp-block-kadence-advancedbtn .kb-btn258083_f09888-f3.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn258083_f09888-f3.kb-button:focus{color:var(--global-palette3, #1A202C);background:rgba(255,255,255,0);}.kb-btn258083_f09888-f3.kb-button .kt-btn-inner-text{display:none;}<\/style><span class=\"kb-button kt-button button kb-btn258083_f09888-f3 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill  kt-btn-has-text-false kt-btn-has-svg-true  image-toggle wp-block-kadence-singlebtn\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_repeat kt-btn-icon-side-right\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/span><\/span><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column258083_cde602-cc > .kt-inside-inner-col,.kadence-column258083_cde602-cc > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column258083_cde602-cc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column258083_cde602-cc > .kt-inside-inner-col{flex-direction:column;}.kadence-column258083_cde602-cc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column258083_cde602-cc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column258083_cde602-cc{position:relative;}@media all and (max-width: 1024px){.kadence-column258083_cde602-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column258083_cde602-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column258083_cde602-cc bb-image-swap-1\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-image.kb-image258083_b3fb9e-04:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:-30px;margin-right:30px;margin-bottom:30px;margin-left:-30px;}.kb-image258083_b3fb9e-04 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image258083_b3fb9e-04\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1200\" src=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-2.jpg\" alt=\"\" class=\"kb-img wp-image-251275\" srcset=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-2.jpg 1080w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-2-270x300.jpg 270w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-2-922x1024.jpg 922w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-2-768x853.jpg 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-image.kb-image258083_82e68d-5b:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:-30px;margin-right:30px;margin-bottom:30px;margin-left:-30px;}.kb-image258083_82e68d-5b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image258083_82e68d-5b active\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1200\" src=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-4.jpg\" alt=\"\" class=\"kb-img wp-image-251273\" srcset=\"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-4.jpg 1080w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-4-270x300.jpg 270w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-4-922x1024.jpg 922w, https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/panels-4-768x853.jpg 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns258083_5b5e80-ef{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-end;align-items:center;}.kt-btns258083_5b5e80-ef .kt-button{font-weight:normal;font-style:normal;}.kt-btns258083_5b5e80-ef .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns258083_5b5e80-ef .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns258083_5b5e80-ef .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns258083_5b5e80-ef .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns258083_5b5e80-ef .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns258083_5b5e80-ef .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns258083_5b5e80-ef .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns258083_5b5e80-ef\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn258083_3c98c9-2e.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn258083_3c98c9-2e.kb-button{color:var(--global-palette3, #1A202C);background:rgba(255,255,255,0);padding-right:0px;}.kb-btn258083_3c98c9-2e.kb-button .kb-svg-icon-wrap{padding-right:0px;font-size:40px;--kb-button-icon-size:40px;}.wp-block-kadence-advancedbtn .kb-btn258083_3c98c9-2e.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn258083_3c98c9-2e.kb-button:focus{color:var(--global-palette3, #1A202C);background:rgba(255,255,255,0);}.kb-btn258083_3c98c9-2e.kb-button .kt-btn-inner-text{display:none;}<\/style><span class=\"kb-button kt-button button kb-btn258083_3c98c9-2e kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill  kt-btn-has-text-false kt-btn-has-svg-true  image-toggle wp-block-kadence-singlebtn\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_repeat kt-btn-icon-side-right\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/span><\/span><\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":258085,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"<script>\n  document.addEventListener('DOMContentLoaded', function() {\n  const imageSwapElements = document.querySelectorAll('.bb-image-swap-1');\n  \n  imageSwapElements.forEach(function(parentElement) {\n    const toggleButton = parentElement.querySelector('.image-toggle');\n    \n    const imageElements = parentElement.querySelectorAll('.wp-block-kadence-image');\n    if (toggleButton && imageElements.length === 2) {\n      toggleButton.addEventListener('click', function() {\n        imageElements.forEach(function(imageElement) {\n          imageElement.classList.toggle('active');\n        });\n      });\n    }\n  });\n});\n<\/script>","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[267,94,83,85,84],"tags":[],"class_list":["post-258083","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-images","category-free-plan","category-kadence-free","category-kadence-full-bundle","category-kadence-pro"],"acf":[],"taxonomy_info":{"category":[{"value":267,"label":"Images"},{"value":94,"label":"Free Plan"},{"value":83,"label":"Kadence Free"},{"value":85,"label":"Kadence Full Bundle"},{"value":84,"label":"Kadence Pro"}]},"featured_image_src_large":["https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/image-swap-1-1024x576.webp",1024,576,true],"author_info":{"display_name":"Michelle","author_link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/author\/hf7wja\/"},"comment_info":0,"category_info":[{"term_id":267,"name":"Images","slug":"images","term_group":0,"term_taxonomy_id":267,"taxonomy":"category","description":"","parent":0,"count":8,"filter":"raw","cat_ID":267,"category_count":8,"category_description":"","cat_name":"Images","category_nicename":"images","category_parent":0},{"term_id":94,"name":"Free Plan","slug":"free-plan","term_group":0,"term_taxonomy_id":94,"taxonomy":"category","description":"Blocks included in the free plan are available for email subscribers.","parent":0,"count":108,"filter":"raw","cat_ID":94,"category_count":108,"category_description":"Blocks included in the free plan are available for email subscribers.","cat_name":"Free Plan","category_nicename":"free-plan","category_parent":0},{"term_id":83,"name":"Kadence Free","slug":"kadence-free","term_group":0,"term_taxonomy_id":83,"taxonomy":"category","description":"","parent":0,"count":190,"filter":"raw","cat_ID":83,"category_count":190,"category_description":"","cat_name":"Kadence Free","category_nicename":"kadence-free","category_parent":0},{"term_id":85,"name":"Kadence Full Bundle","slug":"kadence-full-bundle","term_group":0,"term_taxonomy_id":85,"taxonomy":"category","description":"","parent":0,"count":242,"filter":"raw","cat_ID":85,"category_count":242,"category_description":"","cat_name":"Kadence Full Bundle","category_nicename":"kadence-full-bundle","category_parent":0},{"term_id":84,"name":"Kadence Pro","slug":"kadence-pro","term_group":0,"term_taxonomy_id":84,"taxonomy":"category","description":"","parent":0,"count":236,"filter":"raw","cat_ID":84,"category_count":236,"category_description":"","cat_name":"Kadence Pro","category_nicename":"kadence-pro","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/258083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/comments?post=258083"}],"version-history":[{"count":3,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/258083\/revisions"}],"predecessor-version":[{"id":258087,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/258083\/revisions\/258087"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media\/258085"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media?parent=258083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/categories?post=258083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/tags?post=258083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}