{"id":94,"date":"2018-08-03T00:01:21","date_gmt":"2018-08-03T00:01:21","guid":{"rendered":"http:\/\/themes.kadencethemes.com\/ascend-premium-10\/?page_id=94"},"modified":"2024-11-20T21:58:10","modified_gmt":"2024-11-20T21:58:10","slug":"image-overlay-block","status":"publish","type":"page","link":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/image-overlay-block\/","title":{"rendered":"Image Overlay Block"},"content":{"rendered":"\n<p>The Image Overlay block is a quick and easy way to create a cover image with a link and hover settings. Works great inside the columns block alongside other image overlay blocks but it can also be used as a wide and fullwidth block.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples:<\/h2>\n\n\n<style>.kb-row-layout-id94_571d43-23 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id94_571d43-23 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id94_571d43-23 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id94_571d43-23 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id94_571d43-23 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id94_571d43-23 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id94_571d43-23 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\">\n<style>.kadence-column94_08fa02-49 > .kt-inside-inner-col,.kadence-column94_08fa02-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-column94_08fa02-49 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column94_08fa02-49 > .kt-inside-inner-col{flex-direction:column;}.kadence-column94_08fa02-49 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column94_08fa02-49 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column94_08fa02-49{position:relative;}@media all and (max-width: 1024px){.kadence-column94_08fa02-49 > .kt-inside-inner-col{flex-direction:column;}}@media all and (max-width: 767px){.kadence-column94_08fa02-49 > .kt-inside-inner-col{flex-direction:column;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column94_08fa02-49 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay94_b1421c-39 .kt-image-overlay-wrap{max-width:1800px;overflow:hidden;}.kt-img-overlay94_b1421c-39 .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.6667%;}.kt-img-overlay94_b1421c-39 .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_b1421c-39 .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_b1421c-39 .kt-image-overlay-color{background-color:#2c9de1;opacity:0.6;}.kt-img-overlay94_b1421c-39 .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);inset:10px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_b1421c-39 .kt-image-overlay-message .image-overlay-title{color:#fff;background:rgba(0, 0, 0, 0);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}.kt-img-overlay94_b1421c-39 .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay94_b1421c-39 .kt-image-overlay-message .image-overlay-subtitle{color:#fff;background:rgba(0, 0, 0, 0);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}@media all and (max-width: 1024px){.kt-img-overlay94_b1421c-39 .kt-image-overlay-wrap{max-width:1800px;}}@media all and (max-width: 1024px){.kt-img-overlay94_b1421c-39 .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kt-img-overlay94_b1421c-39 .kt-image-overlay-wrap{max-width:1800px;}.kt-img-overlay94_b1421c-39 .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"kt-img-overlay94_b1421c-39 aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-zoomin\"><div class=\"kt-block-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min.jpg\" alt=\"\" width=\"1800\" height=\"1200\" class=\"kt-img-overlay wp-image-60\" srcset=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min.jpg 1800w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-300x200.jpg 300w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-1024x683.jpg 1024w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-768x512.jpg 768w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><div class=\"kt-image-overlay-color-wrapper\"><div class=\"kt-image-overlay-color\"><\/div><\/div><a href=\"#link\" class=\"kt-imageoverlay-link\"><div class=\"kt-image-overlay-message kt-over-substyle-hidden_below kt-over-valign-center kt-over-halign-center\"><div class=\"kt-image-overlay-inner\"><h2 class=\"image-overlay-title\">Overlay Title<\/h2><h5 class=\"image-overlay-subtitle\">Overlay Subtitle<\/h5><\/div><\/div><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column94_f0cdd8-25 > .kt-inside-inner-col,.kadence-column94_f0cdd8-25 > .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-column94_f0cdd8-25 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column94_f0cdd8-25 > .kt-inside-inner-col{flex-direction:column;}.kadence-column94_f0cdd8-25 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column94_f0cdd8-25 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column94_f0cdd8-25{position:relative;}@media all and (max-width: 1024px){.kadence-column94_f0cdd8-25 > .kt-inside-inner-col{flex-direction:column;}}@media all and (max-width: 767px){.kadence-column94_f0cdd8-25 > .kt-inside-inner-col{padding-top:40px;flex-direction:column;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column94_f0cdd8-25 inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay94_64a794-41 .kt-image-overlay-wrap{max-width:1800px;overflow:hidden;}.kt-img-overlay94_64a794-41 .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.6667%;}.kt-img-overlay94_64a794-41 .kt-image-overlay-color-wrapper{opacity:0.38;}.kt-img-overlay94_64a794-41 .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_64a794-41 .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_64a794-41 .kt-image-overlay-color{background-color:#e76106;opacity:0.76;}.kt-img-overlay94_64a794-41 .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);inset:10px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_64a794-41 .kt-image-overlay-message .image-overlay-title{color:#fff;background:rgba(0, 0, 0, 0);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}.kt-img-overlay94_64a794-41 .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay94_64a794-41 .kt-image-overlay-message .image-overlay-subtitle{color:#fff;background:rgba(0, 0, 0, 0);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}@media all and (max-width: 1024px){.kt-img-overlay94_64a794-41 .kt-image-overlay-wrap{max-width:1800px;}}@media all and (max-width: 1024px){.kt-img-overlay94_64a794-41 .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kt-img-overlay94_64a794-41 .kt-image-overlay-wrap{max-width:1800px;}.kt-img-overlay94_64a794-41 .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"kt-img-overlay94_64a794-41 aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-slide\"><div class=\"kt-block-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min.jpg\" alt=\"\" width=\"1800\" height=\"1200\" class=\"kt-img-overlay wp-image-60\" srcset=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min.jpg 1800w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-300x200.jpg 300w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-1024x683.jpg 1024w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-768x512.jpg 768w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/roman-pohorecki-48981-unsplash-min-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><div class=\"kt-image-overlay-color-wrapper\"><div class=\"kt-image-overlay-color\"><\/div><\/div><a href=\"#link\" class=\"kt-imageoverlay-link\"><div class=\"kt-image-overlay-message kt-over-substyle-hidden_below kt-over-valign-bottom kt-over-halign-left\"><div class=\"kt-image-overlay-inner\"><h2 class=\"image-overlay-title\">Overlay Title<\/h2><h5 class=\"image-overlay-subtitle\">Overlay Subtitle<\/h5><\/div><\/div><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id94_c3ee6a-5b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id94_c3ee6a-5b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id94_c3ee6a-5b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id94_c3ee6a-5b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id94_c3ee6a-5b > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id94_c3ee6a-5b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id94_c3ee6a-5b 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\">\n<style>.kadence-column94_1463a4-51 > .kt-inside-inner-col,.kadence-column94_1463a4-51 > .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-column94_1463a4-51 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column94_1463a4-51 > .kt-inside-inner-col{flex-direction:column;}.kadence-column94_1463a4-51 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column94_1463a4-51 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column94_1463a4-51{position:relative;}@media all and (max-width: 1024px){.kadence-column94_1463a4-51 > .kt-inside-inner-col{flex-direction:column;}}@media all and (max-width: 767px){.kadence-column94_1463a4-51 > .kt-inside-inner-col{flex-direction:column;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column94_1463a4-51 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-wrap{max-width:1800px;overflow:hidden;}.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.6667%;}.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-color{background-color:#fff;}.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);inset:10px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-message .image-overlay-title{color:#fff;background:rgba(0, 0, 0, 0);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:solid;}.wp-block-kadence-imageoverlay.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-message .image-overlay-subtitle{color:#fff;background:rgba(0, 0, 0, 0);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}@media all and (max-width: 1024px){.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-wrap{max-width:1800px;}}@media all and (max-width: 1024px){.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-wrap{max-width:1800px;}.kt-img-overlay94_4e2c3d-ba .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"kt-img-overlay94_4e2c3d-ba aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-grayscale\"><div class=\"kt-block-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/kristina-wagner-357533-unsplash-min.jpg\" alt=\"\" width=\"1800\" height=\"1200\" class=\"kt-img-overlay wp-image-139\" srcset=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/kristina-wagner-357533-unsplash-min.jpg 1800w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/kristina-wagner-357533-unsplash-min-300x200.jpg 300w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/kristina-wagner-357533-unsplash-min-1024x683.jpg 1024w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/kristina-wagner-357533-unsplash-min-768x512.jpg 768w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/kristina-wagner-357533-unsplash-min-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><div class=\"kt-image-overlay-color-wrapper\"><div class=\"kt-image-overlay-color\"><\/div><\/div><a href=\"#link\" class=\"kt-imageoverlay-link\"><div class=\"kt-image-overlay-message kt-over-substyle-visible kt-over-valign-center kt-over-halign-center\"><div class=\"kt-image-overlay-inner\"><h2 class=\"image-overlay-title\">Overlay Title<\/h2><div class=\"kt-image-overlay-divider\"><\/div><h5 class=\"image-overlay-subtitle\">Overlay Subtitle<\/h5><\/div><\/div><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column94_f8a1f2-8a > .kt-inside-inner-col,.kadence-column94_f8a1f2-8a > .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-column94_f8a1f2-8a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column94_f8a1f2-8a > .kt-inside-inner-col{flex-direction:column;}.kadence-column94_f8a1f2-8a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column94_f8a1f2-8a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column94_f8a1f2-8a{position:relative;}@media all and (max-width: 1024px){.kadence-column94_f8a1f2-8a > .kt-inside-inner-col{flex-direction:column;}}@media all and (max-width: 767px){.kadence-column94_f8a1f2-8a > .kt-inside-inner-col{padding-top:40px;flex-direction:column;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column94_f8a1f2-8a inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay94_c8bac0-0f .kt-image-overlay-wrap{max-width:1800px;overflow:hidden;}.kt-img-overlay94_c8bac0-0f .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.6667%;}.kt-img-overlay94_c8bac0-0f .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_c8bac0-0f .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_c8bac0-0f .kt-image-overlay-color{background-color:#444;opacity:0.5;}.kt-img-overlay94_c8bac0-0f .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);inset:0px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_c8bac0-0f .kt-image-overlay-message .image-overlay-title{color:#000;background:rgba(255, 255, 255, 0.76);padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}.kt-img-overlay94_c8bac0-0f .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay94_c8bac0-0f .kt-image-overlay-message .image-overlay-subtitle{color:#000;background:rgba(255, 255, 255, 0.82);padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:regular;font-style:normal;}@media all and (max-width: 1024px){.kt-img-overlay94_c8bac0-0f .kt-image-overlay-wrap{max-width:1800px;}}@media all and (max-width: 1024px){.kt-img-overlay94_c8bac0-0f .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kt-img-overlay94_c8bac0-0f .kt-image-overlay-wrap{max-width:1800px;}.kt-img-overlay94_c8bac0-0f .kt-image-overlay-message{border-top:0px solid rgba(255,255,255,0.8);border-right:0px solid rgba(255,255,255,0.8);border-bottom:0px solid rgba(255,255,255,0.8);border-left:0px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"kt-img-overlay94_c8bac0-0f aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-blur\"><div class=\"kt-block-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/luca-bravo-177552-unsplash-min.jpg\" alt=\"\" width=\"1800\" height=\"1200\" class=\"kt-img-overlay wp-image-59\" srcset=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/luca-bravo-177552-unsplash-min.jpg 1800w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/luca-bravo-177552-unsplash-min-300x200.jpg 300w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/luca-bravo-177552-unsplash-min-1024x683.jpg 1024w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/luca-bravo-177552-unsplash-min-768x512.jpg 768w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/luca-bravo-177552-unsplash-min-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><div class=\"kt-image-overlay-color-wrapper\"><div class=\"kt-image-overlay-color\"><\/div><\/div><a href=\"#link\" class=\"kt-imageoverlay-link\"><div class=\"kt-image-overlay-message kt-over-substyle-visible kt-over-valign-opposite kt-over-halign-opposite\"><div class=\"kt-image-overlay-inner\"><h2 class=\"image-overlay-title\">Overlay Title<\/h2><h5 class=\"image-overlay-subtitle\">Overlay Subtitle<\/h5><\/div><\/div><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-94_bc7204-eb .kt-block-spacer{height:20px;}.wp-block-kadence-spacer.kt-block-spacer-94_bc7204-eb .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-94_bc7204-eb\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n\n\n<style>.kt-img-overlay94_cde0a8-de .kt-image-overlay-wrap{max-width:1800px;overflow:hidden;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:60.2222%;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-color-wrapper{opacity:0.38;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-color{background-color:#008c9e;opacity:0.6;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-message{border-top:20px solid rgba(255, 255, 255, 0.87);border-right:20px solid rgba(255, 255, 255, 0.87);border-bottom:20px solid rgba(255, 255, 255, 0.87);border-left:20px solid rgba(255, 255, 255, 0.87);inset:0px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_cde0a8-de .kt-image-overlay-message .image-overlay-title{color:#fff;background:rgba(0, 0, 0, 0);padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:44px;line-height:50px;font-family:Montserrat;font-weight:700;font-style:normal;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay94_cde0a8-de .kt-image-overlay-message .image-overlay-subtitle{color:#000;background:rgba(255, 255, 255, 0.86);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:18px;line-height:24px;font-family:Montserrat;font-weight:400;font-style:normal;}@media all and (max-width: 1024px){.kt-img-overlay94_cde0a8-de .kt-image-overlay-wrap{max-width:1800px;}}@media all and (max-width: 1024px){.kt-img-overlay94_cde0a8-de .kt-image-overlay-message{border-top:20px solid rgba(255, 255, 255, 0.87);border-right:20px solid rgba(255, 255, 255, 0.87);border-bottom:20px solid rgba(255, 255, 255, 0.87);border-left:20px solid rgba(255, 255, 255, 0.87);}}@media all and (max-width: 767px){.kt-img-overlay94_cde0a8-de .kt-image-overlay-wrap{max-width:1800px;}.kt-img-overlay94_cde0a8-de .kt-image-overlay-message{border-top:20px solid rgba(255, 255, 255, 0.87);border-right:20px solid rgba(255, 255, 255, 0.87);border-bottom:20px solid rgba(255, 255, 255, 0.87);border-left:20px solid rgba(255, 255, 255, 0.87);}.wp-block-kadence-imageoverlay.kt-img-overlay94_cde0a8-de .kt-image-overlay-message .image-overlay-title{font-size:24px;line-height:34px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_cde0a8-de .kt-image-overlay-message .image-overlay-subtitle{font-size:16px;line-height:20px;}}<\/style>\n<div class=\"kt-img-overlay94_cde0a8-de aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-static\"><div class=\"kt-block-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/11\/rawpixel-1064367-unsplash.jpg\" alt=\"\" width=\"1800\" height=\"1084\" class=\"kt-img-overlay wp-image-172\" srcset=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/11\/rawpixel-1064367-unsplash.jpg 1800w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/11\/rawpixel-1064367-unsplash-300x181.jpg 300w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/11\/rawpixel-1064367-unsplash-1024x617.jpg 1024w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/11\/rawpixel-1064367-unsplash-768x463.jpg 768w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/11\/rawpixel-1064367-unsplash-1536x925.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><div class=\"kt-image-overlay-color-wrapper\"><div class=\"kt-image-overlay-color\"><\/div><\/div><a href=\"#link\" class=\"kt-imageoverlay-link\"><div class=\"kt-image-overlay-message kt-over-substyle-visible kt-over-valign-center kt-over-halign-center\"><div class=\"kt-image-overlay-inner\"><h2 class=\"image-overlay-title\">Large Overlay Title<\/h2><h5 class=\"image-overlay-subtitle\">Overlay Subtitle has lots of options.<\/h5><\/div><\/div><\/a><\/div><\/div><\/div>\n\n\n\n<div style=\"height:51px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kt-img-overlay94_b3975c-6e .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:23.7222%;}.kt-img-overlay94_b3975c-6e .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_b3975c-6e .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay94_b3975c-6e .kt-image-overlay-color{background-color:#14a0b2;opacity:0.6;}.kt-img-overlay94_b3975c-6e .kt-image-overlay-message{border-top:8px solid rgba(255, 255, 255, 0.45);border-right:8px solid rgba(255, 255, 255, 0.45);border-bottom:8px solid rgba(255, 255, 255, 0.45);border-left:8px solid rgba(255, 255, 255, 0.45);inset:10px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_b3975c-6e .kt-image-overlay-message .image-overlay-title{color:#fff;background:rgba(0, 0, 0, 0);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:50px;line-height:68px;font-weight:regular;font-style:normal;}.kt-img-overlay94_b3975c-6e .kt-image-overlay-divider{border-top-color:#fff;border-top-width:7px;width:80%;border-top-style:double;}.wp-block-kadence-imageoverlay.kt-img-overlay94_b3975c-6e .kt-image-overlay-message .image-overlay-subtitle{color:#fff;background:rgba(0, 0, 0, 0);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:30px;line-height:48px;font-weight:regular;font-style:normal;}@media all and (max-width: 1024px){.kt-img-overlay94_b3975c-6e .kt-image-overlay-message{border-top:8px solid rgba(255, 255, 255, 0.45);border-right:8px solid rgba(255, 255, 255, 0.45);border-bottom:8px solid rgba(255, 255, 255, 0.45);border-left:8px solid rgba(255, 255, 255, 0.45);}}@media all and (max-width: 1024px){.wp-block-kadence-imageoverlay.kt-img-overlay94_b3975c-6e .kt-image-overlay-message .image-overlay-title{font-size:40px;line-height:58px;}}@media all and (max-width: 1024px){.wp-block-kadence-imageoverlay.kt-img-overlay94_b3975c-6e .kt-image-overlay-message .image-overlay-subtitle{font-size:20px;line-height:30px;}}@media all and (max-width: 767px){.kt-img-overlay94_b3975c-6e .kt-image-overlay-message{border-top:8px solid rgba(255, 255, 255, 0.45);border-right:8px solid rgba(255, 255, 255, 0.45);border-bottom:8px solid rgba(255, 255, 255, 0.45);border-left:8px solid rgba(255, 255, 255, 0.45);}.wp-block-kadence-imageoverlay.kt-img-overlay94_b3975c-6e .kt-image-overlay-message .image-overlay-title{font-size:16px;line-height:20px;}.wp-block-kadence-imageoverlay.kt-img-overlay94_b3975c-6e .kt-image-overlay-message .image-overlay-subtitle{font-size:12px;line-height:18px;}}<\/style>\n<div class=\"kt-img-overlay94_b3975c-6e alignwide wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-zoomin\"><div class=\"kt-block-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/paul-morris-303977-unsplash-min.jpg\" alt=\"\" width=\"1800\" height=\"427\" class=\"kt-img-overlay wp-image-144\" srcset=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/paul-morris-303977-unsplash-min.jpg 1800w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/paul-morris-303977-unsplash-min-300x71.jpg 300w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/paul-morris-303977-unsplash-min-1024x243.jpg 1024w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/paul-morris-303977-unsplash-min-768x182.jpg 768w, https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-content\/uploads\/sites\/35\/2018\/08\/paul-morris-303977-unsplash-min-1536x364.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><div class=\"kt-image-overlay-color-wrapper\"><div class=\"kt-image-overlay-color\"><\/div><\/div><a href=\"#\" class=\"kt-imageoverlay-link\"><div class=\"kt-image-overlay-message kt-over-substyle-visible kt-over-valign-center kt-over-halign-center\"><div class=\"kt-image-overlay-inner\"><h2 class=\"image-overlay-title\">Overlay Title<\/h2><div class=\"kt-image-overlay-divider\"><\/div><h5 class=\"image-overlay-subtitle\">Overlay Subtitle<\/h5><\/div><\/div><\/a><\/div><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Settings:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Image background<\/li>\n\n\n\n<li>Link<\/li>\n\n\n\n<li>Link target<\/li>\n\n\n\n<li>Hover image animation (static, zoom, slide, b&amp;w and blur)<\/li>\n\n\n\n<li>Overlay color<\/li>\n\n\n\n<li>Initial overlay opacity<\/li>\n\n\n\n<li>Hover overlay opacity<\/li>\n\n\n\n<li>Inner border color<\/li>\n\n\n\n<li>Inner border width<\/li>\n\n\n\n<li>Inner border opacity<\/li>\n\n\n\n<li>Title and Subtitle align horizontally<\/li>\n\n\n\n<li>Title and Subtitle align vertically\u00a0<\/li>\n\n\n\n<li>Title<\/li>\n\n\n\n<li>Title color<\/li>\n\n\n\n<li>Title background (and background opacity)<\/li>\n\n\n\n<li>Title size (desktop, tablet and mobile)<\/li>\n\n\n\n<li>Title font-family (includes Google fonts) &#8211; font weight, font style<\/li>\n\n\n\n<li>Title letter spacing<\/li>\n\n\n\n<li>Title padding<\/li>\n\n\n\n<li>Title margin<\/li>\n\n\n\n<li>Subtitle<\/li>\n\n\n\n<li>Subtitle color<\/li>\n\n\n\n<li>Subtitle background (and background opacity)<\/li>\n\n\n\n<li>Subtitle size (desktop, tablet and mobile)<\/li>\n\n\n\n<li>Subtitle font-family (includes Google fonts) &#8211; font weight, font style<\/li>\n\n\n\n<li>Subtitle letter spacing<\/li>\n\n\n\n<li>Subtitle padding<\/li>\n\n\n\n<li>Subtitle Margin<\/li>\n\n\n\n<li>Divider<\/li>\n\n\n\n<li>Divider width<\/li>\n\n\n\n<li>Divider Color<\/li>\n\n\n\n<li>Divider Style<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Image Overlay block is a quick and easy way to create a cover image with a link and hover settings. Works great inside the columns block alongside other image overlay blocks but it can also be used as a &hellip; <a class=\"kt-excerpt-readmore more-link\" href=\"https:\/\/demos.kadencewp.com\/ascend-premium-10\/image-overlay-block\/\" aria-label=\"Image Overlay Block\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"kt_blocks_editor_width":"nosidebar","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Kadence","author_link":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/author\/britner\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":1,"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/pages\/94\/revisions\/420"}],"wp:attachment":[{"href":"https:\/\/demos.kadencewp.com\/ascend-premium-10\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}