{"id":86726,"date":"2026-09-30T20:55:29","date_gmt":"2026-09-30T20:55:29","guid":{"rendered":"https:\/\/demos.restored316.com\/creator-cloud\/?post_type=kadence_cloud&#038;p=86726"},"modified":"2026-09-30T20:55:29","modified_gmt":"2026-09-30T20:55:29","slug":"zoom-out-hero","status":"publish","type":"kadence_cloud","link":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/","title":{"rendered":"Zoom-out hero"},"content":{"rendered":"<style>.kb-row-layout-id86726_4d4d5e-49 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id86726_4d4d5e-49 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id86726_4d4d5e-49 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:85vh;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id86726_4d4d5e-49{background-image:url('https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id86726_4d4d5e-49 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id86726_4d4d5e-49 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id86726_4d4d5e-49 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}\/* Zoom-out hero (row background version) *\/.cc-zoom-hero {  position: relative;}\/* the frame that pulls in and rounds its corners *\/.cc-zoom-bg {  position: absolute;  inset: 0;  overflow: hidden;  z-index: 0;  pointer-events: none;}\/* the photo layer that zooms *\/.cc-zoom-bg-img {  position: absolute;  inset: 0;  background-repeat: no-repeat;  transform-origin: center center;}\/* keep Kadence's overlay and your content above the photo *\/.cc-zoom-hero > .kt-row-layout-overlay {  z-index: 1;}.cc-zoom-hero > .kt-row-column-wrap {  position: relative;  z-index: 2;}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id86726_4d4d5e-49 alignfull has-theme-palette9-background-color kt-row-has-bg cc-zoom-hero wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle\">\n<style>.kadence-column86726_1cf06f-49 > .kt-inside-inner-col,.kadence-column86726_1cf06f-49 > .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-column86726_1cf06f-49 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86726_1cf06f-49 > .kt-inside-inner-col{flex-direction:column;}.kadence-column86726_1cf06f-49 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86726_1cf06f-49 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86726_1cf06f-49{position:relative;}@media all and (max-width: 1024px){.kadence-column86726_1cf06f-49 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86726_1cf06f-49 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86726_1cf06f-49\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading86726_318da5-27, .wp-block-kadence-advancedheading.kt-adv-heading86726_318da5-27[data-kb-block=\"kb-adv-heading86726_318da5-27\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading86726_318da5-27 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading86726_318da5-27[data-kb-block=\"kb-adv-heading86726_318da5-27\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading86726_318da5-27 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading86726_318da5-27[data-kb-block=\"kb-adv-heading86726_318da5-27\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading86726_318da5-27 cc-zoom-overlay wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading86726_318da5-27\">Hello there!<\/h2>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kadence-column86726_99cb0e-29 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column86726_99cb0e-29 > .kt-inside-inner-col,.kadence-column86726_99cb0e-29 > .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-column86726_99cb0e-29 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86726_99cb0e-29 > .kt-inside-inner-col{flex-direction:column;}.kadence-column86726_99cb0e-29 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86726_99cb0e-29 > .kt-inside-inner-col{background-color:var(--global-palette15, #3182CE);}.kadence-column86726_99cb0e-29 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86726_99cb0e-29{position:relative;}@media all and (max-width: 1024px){.kadence-column86726_99cb0e-29 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86726_99cb0e-29 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86726_99cb0e-29 kvs-lg-false kvs-md-false kvs-sm-false\"><div class=\"kt-inside-inner-col\">\n<p class=\"wp-block-paragraph\">Place the below code in your header script area this delete this block.<\/p>\n\n\n\n<pre class=\"wp-block-code has-theme-palette-15-background-color has-background\"><code>&lt;script>\/* Zoom-out hero (row background version) *\/\n(function () {\n  var SCALE_START = 1.35; \/\/ how zoomed in the photo starts (1 = no zoom)\n  var INSET_MAX = 40;     \/\/ px the frame pulls in from each edge by the end\n  var RADIUS_MAX = 24;    \/\/ px of corner rounding by the end\n  var DISTANCE = 0.6;     \/\/ how much scrolling the effect takes (0.6 = 60% of a screen)\n\n  var heroes = &#91;];\n  var ticking = false;\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  function easeOut(t) {\n    return 1 - Math.pow(1 - t, 3);\n  }\n\n  \/\/ Copy the row's background image onto our zoom layer.\n  \/\/ Re-run on resize so tablet\/mobile background images from Kadence still work.\n  function readBackground(h) {\n    h.row.style.backgroundImage = ''; \/\/ briefly let Kadence's own styles show through\n    var cs = window.getComputedStyle(h.row);\n    var bg = cs.backgroundImage;\n\n    if (bg &amp;&amp; bg !== 'none') {\n      h.img.style.backgroundImage = bg;\n      h.img.style.backgroundSize = cs.backgroundSize === 'auto' ? 'cover' : cs.backgroundSize;\n      h.img.style.backgroundPosition = cs.backgroundPosition;\n      h.img.style.backgroundRepeat = cs.backgroundRepeat;\n    }\n    h.row.style.backgroundImage = 'none'; \/\/ the row keeps its background color only\n  }\n\n  \/\/ Work out where the effect starts and ends on the page\n  function measure(h) {\n    readBackground(h);\n    var rect = h.row.getBoundingClientRect();\n    var vh = window.innerHeight;\n    var docTop = rect.top + window.scrollY;\n    h.start = Math.max(0, docTop - vh * 0.85); \/\/ top-of-page heroes start right away\n    h.distance = vh * DISTANCE;\n    h.inset = Math.min(INSET_MAX, window.innerWidth * 0.04); \/\/ smaller frame on phones\n  }\n\n  function update(h) {\n    var p = Math.min(1, Math.max(0, (window.scrollY - h.start) \/ h.distance));\n    var e = easeOut(p);\n    var inset = (h.inset * e).toFixed(2);\n    var radius = (RADIUS_MAX * e).toFixed(2);\n    var scale = (SCALE_START - (SCALE_START - 1) * e).toFixed(4);\n    var clip = 'inset(' + inset + 'px round ' + radius + 'px)';\n\n    h.frame.style.clipPath = clip;\n    if (h.overlay) h.overlay.style.clipPath = clip; \/\/ Kadence overlay follows the frame\n    h.img.style.transform = 'scale(' + scale + ')';\n  }\n\n  function updateAll() {\n    heroes.forEach(update);\n    ticking = false;\n  }\n\n  function measureAll() {\n    heroes.forEach(measure);\n    updateAll();\n  }\n\n  function onScroll() {\n    if (!ticking) {\n      ticking = true;\n      requestAnimationFrame(updateAll);\n    }\n  }\n\n  function init() {\n    if (reduce) return; \/\/ leave the normal row background in place\n\n    document.querySelectorAll('.cc-zoom-hero').forEach(function (row) {\n      var frame = document.createElement('div');\n      frame.className = 'cc-zoom-bg';\n      frame.setAttribute('aria-hidden', 'true');\n\n      var img = document.createElement('div');\n      img.className = 'cc-zoom-bg-img';\n      frame.appendChild(img);\n      row.insertBefore(frame, row.firstChild);\n\n      \/\/ promote to their own GPU layers upfront (the curtain reveal lesson)\n      frame.style.willChange = 'clip-path';\n      img.style.willChange = 'transform';\n\n      var overlay = null;\n      for (var i = 0; i &lt; row.children.length; i++) {\n        if (row.children&#91;i].classList.contains('kt-row-layout-overlay')) overlay = row.children&#91;i];\n      }\n\n      heroes.push({ row: row, frame: frame, img: img, overlay: overlay });\n    });\n    if (!heroes.length) return;\n\n    measureAll(); \/\/ correct state right away on load\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', measureAll);\n    window.addEventListener('load', measureAll);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();&lt;\/script><\/code><\/pre>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hello there! Place the below code in your header script area this delete this block.<\/p>\n","protected":false},"author":1,"featured_media":83029,"menu_order":0,"template":"","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"<script>\/* Zoom-out hero (row background version) *\/\n(function () {\n  var SCALE_START = 1.35; \/\/ how zoomed in the photo starts (1 = no zoom)\n  var INSET_MAX = 40;     \/\/ px the frame pulls in from each edge by the end\n  var RADIUS_MAX = 24;    \/\/ px of corner rounding by the end\n  var DISTANCE = 0.6;     \/\/ how much scrolling the effect takes (0.6 = 60% of a screen)\n\n  var heroes = [];\n  var ticking = false;\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  function easeOut(t) {\n    return 1 - Math.pow(1 - t, 3);\n  }\n\n  \/\/ Copy the row's background image onto our zoom layer.\n  \/\/ Re-run on resize so tablet\/mobile background images from Kadence still work.\n  function readBackground(h) {\n    h.row.style.backgroundImage = ''; \/\/ briefly let Kadence's own styles show through\n    var cs = window.getComputedStyle(h.row);\n    var bg = cs.backgroundImage;\n\n    if (bg && bg !== 'none') {\n      h.img.style.backgroundImage = bg;\n      h.img.style.backgroundSize = cs.backgroundSize === 'auto' ? 'cover' : cs.backgroundSize;\n      h.img.style.backgroundPosition = cs.backgroundPosition;\n      h.img.style.backgroundRepeat = cs.backgroundRepeat;\n    }\n    h.row.style.backgroundImage = 'none'; \/\/ the row keeps its background color only\n  }\n\n  \/\/ Work out where the effect starts and ends on the page\n  function measure(h) {\n    readBackground(h);\n    var rect = h.row.getBoundingClientRect();\n    var vh = window.innerHeight;\n    var docTop = rect.top + window.scrollY;\n    h.start = Math.max(0, docTop - vh * 0.85); \/\/ top-of-page heroes start right away\n    h.distance = vh * DISTANCE;\n    h.inset = Math.min(INSET_MAX, window.innerWidth * 0.04); \/\/ smaller frame on phones\n  }\n\n  function update(h) {\n    var p = Math.min(1, Math.max(0, (window.scrollY - h.start) \/ h.distance));\n    var e = easeOut(p);\n    var inset = (h.inset * e).toFixed(2);\n    var radius = (RADIUS_MAX * e).toFixed(2);\n    var scale = (SCALE_START - (SCALE_START - 1) * e).toFixed(4);\n    var clip = 'inset(' + inset + 'px round ' + radius + 'px)';\n\n    h.frame.style.clipPath = clip;\n    if (h.overlay) h.overlay.style.clipPath = clip; \/\/ Kadence overlay follows the frame\n    h.img.style.transform = 'scale(' + scale + ')';\n  }\n\n  function updateAll() {\n    heroes.forEach(update);\n    ticking = false;\n  }\n\n  function measureAll() {\n    heroes.forEach(measure);\n    updateAll();\n  }\n\n  function onScroll() {\n    if (!ticking) {\n      ticking = true;\n      requestAnimationFrame(updateAll);\n    }\n  }\n\n  function init() {\n    if (reduce) return; \/\/ leave the normal row background in place\n\n    document.querySelectorAll('.cc-zoom-hero').forEach(function (row) {\n      var frame = document.createElement('div');\n      frame.className = 'cc-zoom-bg';\n      frame.setAttribute('aria-hidden', 'true');\n\n      var img = document.createElement('div');\n      img.className = 'cc-zoom-bg-img';\n      frame.appendChild(img);\n      row.insertBefore(frame, row.firstChild);\n\n      \/\/ promote to their own GPU layers upfront (the curtain reveal lesson)\n      frame.style.willChange = 'clip-path';\n      img.style.willChange = 'transform';\n\n      var overlay = null;\n      for (var i = 0; i < row.children.length; i++) {\n        if (row.children[i].classList.contains('kt-row-layout-overlay')) overlay = row.children[i];\n      }\n\n      heroes.push({ row: row, frame: frame, img: img, overlay: overlay });\n    });\n    if (!heroes.length) return;\n\n    measureAll(); \/\/ correct state right away on load\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', measureAll);\n    window.addEventListener('load', measureAll);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();<\/script>","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_wp_convertkit_post_meta":{"form":"-1","landing_page":"0","tag":"0","restrict_content":"0"},"_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":""},"kadence-cloud-collections":[105],"kadence-cloud-categories":[243,106,102],"kadence-cloud-keywords":[],"class_list":["post-86726","kadence_cloud","type-kadence_cloud","status-publish","has-post-thumbnail","hentry","kadence-cloud-collections-website-builders","kadence-cloud-categories-new","kadence-cloud-categories-website-builders","kadence-cloud-categories-hero-sections"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Zoom-out hero - Creator Cloud<\/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:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zoom-out hero - Creator Cloud\" \/>\n<meta property=\"og:description\" content=\"Hello there! Place the below code in your header script area this delete this block.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/\" \/>\n<meta property=\"og:site_name\" content=\"Creator Cloud\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1801\" \/>\n\t<meta property=\"og:image:height\" content=\"1801\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/\",\"name\":\"Zoom-out hero - Creator Cloud\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CCDemo-Teal-Pattern.png\",\"datePublished\":\"2026-09-30T20:55:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/#primaryimage\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CCDemo-Teal-Pattern.png\",\"contentUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CCDemo-Teal-Pattern.png\",\"width\":1801,\"height\":1801,\"caption\":\"Name of Source\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/zoom-out-hero\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zoom-out hero\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#website\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\",\"name\":\"Creator Cloud\",\"description\":\"The Block Collection That Will Help You Design Blog Posts That Convert\",\"publisher\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#organization\",\"name\":\"Creator Cloud\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CC-Logo-Horizontal-1.png\",\"contentUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CC-Logo-Horizontal-1.png\",\"width\":1158,\"height\":182,\"caption\":\"Creator Cloud\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Zoom-out hero - Creator Cloud","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:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/","og_locale":"en_US","og_type":"article","og_title":"Zoom-out hero - Creator Cloud","og_description":"Hello there! Place the below code in your header script area this delete this block.","og_url":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/","og_site_name":"Creator Cloud","og_image":[{"width":1801,"height":1801,"url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/","url":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/","name":"Zoom-out hero - Creator Cloud","isPartOf":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/#primaryimage"},"image":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/#primaryimage"},"thumbnailUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png","datePublished":"2026-09-30T20:55:29+00:00","breadcrumb":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/#primaryimage","url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png","contentUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png","width":1801,"height":1801,"caption":"Name of Source"},{"@type":"BreadcrumbList","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/zoom-out-hero\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.restored316.com\/creator-cloud\/"},{"@type":"ListItem","position":2,"name":"Zoom-out hero"}]},{"@type":"WebSite","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#website","url":"https:\/\/demos.restored316.com\/creator-cloud\/","name":"Creator Cloud","description":"The Block Collection That Will Help You Design Blog Posts That Convert","publisher":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.restored316.com\/creator-cloud\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#organization","name":"Creator Cloud","url":"https:\/\/demos.restored316.com\/creator-cloud\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#\/schema\/logo\/image\/","url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CC-Logo-Horizontal-1.png","contentUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CC-Logo-Horizontal-1.png","width":1158,"height":182,"caption":"Creator Cloud"},"image":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#\/schema\/logo\/image\/"}}]}},"taxonomy_info":{"kadence-cloud-collections":[{"value":105,"label":"Website Builders"}],"kadence-cloud-categories":[{"value":243,"label":"**NEW**"},{"value":106,"label":"WEBSITE BUILDERS"},{"value":102,"label":"- Hero Sections"}]},"featured_image_src_large":["https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1024x1024.png",1024,1024,true],"author_info":{"display_name":"Lauren","author_link":"https:\/\/demos.restored316.com\/creator-cloud\/author\/r316demos\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library"}],"about":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/types\/kadence_cloud"}],"author":[{"embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":6,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86726\/revisions"}],"predecessor-version":[{"id":86732,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86726\/revisions\/86732"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/media\/83029"}],"wp:attachment":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/media?parent=86726"}],"wp:term":[{"taxonomy":"kadence-cloud-collections","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-collections?post=86726"},{"taxonomy":"kadence-cloud-categories","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-categories?post=86726"},{"taxonomy":"kadence-cloud-keywords","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-keywords?post=86726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}