{"id":2702,"date":"2021-07-18T05:52:51","date_gmt":"2021-07-18T05:52:51","guid":{"rendered":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/?page_id=2702"},"modified":"2023-08-24T07:22:03","modified_gmt":"2023-08-24T13:22:03","slug":"image-overlay","status":"publish","type":"page","link":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/pro-past\/image-overlay\/","title":{"rendered":"Image Overlay"},"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 <g class=\"gr_ gr_57 gr-alert sel gr_spell gr_replaced gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del\" id=\"57\" data-gr-id=\"57\">alongside<\/g> 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-id2702_898804-03 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2702_898804-03 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2702_898804-03 > .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-id2702_898804-03 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2702_898804-03 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id2702_898804-03 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2702_898804-03 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-column2702_aa0ea5-e6 > .kt-inside-inner-col,.kadence-column2702_aa0ea5-e6 > .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-column2702_aa0ea5-e6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2702_aa0ea5-e6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2702_aa0ea5-e6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2702_aa0ea5-e6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2702_aa0ea5-e6{position:relative;}@media all and (max-width: 1024px){.kadence-column2702_aa0ea5-e6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2702_aa0ea5-e6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2702_aa0ea5-e6 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-wrap{max-width:2000px;overflow:hidden;}.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.7%;}.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-color{background-color:#2c9de1;opacity:0.6;}.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;inset:10px;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_3a519d-c5 .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-overlay2702_3a519d-c5 .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_3a519d-c5 .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-overlay2702_3a519d-c5 .kt-image-overlay-wrap{max-width:2000px;}}@media all and (max-width: 1024px){.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}@media all and (max-width: 767px){.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-wrap{max-width:2000px;}.kt-img-overlay2702_3a519d-c5 .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}<\/style>\n<div class=\"kt-img-overlay2702_3a519d-c5 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:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min.jpg\" alt=\"\" width=\"2000\" height=\"1334\" class=\"kt-img-overlay wp-image-2026\" srcset=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min.jpg 2000w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-300x200.jpg 300w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-1024x683.jpg 1024w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-768x512.jpg 768w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-1536x1025.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><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-column2702_28dc8d-d5 > .kt-inside-inner-col,.kadence-column2702_28dc8d-d5 > .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-column2702_28dc8d-d5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2702_28dc8d-d5 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2702_28dc8d-d5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2702_28dc8d-d5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2702_28dc8d-d5{position:relative;}@media all and (max-width: 1024px){.kadence-column2702_28dc8d-d5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2702_28dc8d-d5 > .kt-inside-inner-col{padding-top:40px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2702_28dc8d-d5 inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay2702_e873ca-cb .kt-image-overlay-wrap{max-width:2000px;overflow:hidden;}.kt-img-overlay2702_e873ca-cb .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.7%;}.kt-img-overlay2702_e873ca-cb .kt-image-overlay-color-wrapper{opacity:0.38;}.kt-img-overlay2702_e873ca-cb .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_e873ca-cb .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_e873ca-cb .kt-image-overlay-color{background-color:#B75500;opacity:0.76;}.kt-img-overlay2702_e873ca-cb .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;inset:10px;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_e873ca-cb .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-overlay2702_e873ca-cb .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_e873ca-cb .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-overlay2702_e873ca-cb .kt-image-overlay-wrap{max-width:2000px;}}@media all and (max-width: 1024px){.kt-img-overlay2702_e873ca-cb .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}@media all and (max-width: 767px){.kt-img-overlay2702_e873ca-cb .kt-image-overlay-wrap{max-width:2000px;}.kt-img-overlay2702_e873ca-cb .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}<\/style>\n<div class=\"kt-img-overlay2702_e873ca-cb 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:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min.jpg\" alt=\"\" width=\"2000\" height=\"1334\" class=\"kt-img-overlay wp-image-2026\" srcset=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min.jpg 2000w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-300x200.jpg 300w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-1024x683.jpg 1024w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-768x512.jpg 768w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2020\/02\/jeremy-bishop-so_95pwK6k8-unsplash-min-1536x1025.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><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-id2702_8df2e3-fb > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2702_8df2e3-fb > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2702_8df2e3-fb > .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-id2702_8df2e3-fb > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2702_8df2e3-fb > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id2702_8df2e3-fb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2702_8df2e3-fb 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-column2702_91ad22-f9 > .kt-inside-inner-col,.kadence-column2702_91ad22-f9 > .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-column2702_91ad22-f9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2702_91ad22-f9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2702_91ad22-f9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2702_91ad22-f9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2702_91ad22-f9{position:relative;}@media all and (max-width: 1024px){.kadence-column2702_91ad22-f9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2702_91ad22-f9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2702_91ad22-f9 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-wrap{max-width:2000px;overflow:hidden;}.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.67%;}.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:0.4 !important;}.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:0.4 !important;}.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-color{background-color:#ffffff;opacity:0.0;}.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;inset:10px;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_b82c8e-ed .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-overlay2702_b82c8e-ed .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:solid;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_b82c8e-ed .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-overlay2702_b82c8e-ed .kt-image-overlay-wrap{max-width:2000px;}}@media all and (max-width: 1024px){.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}@media all and (max-width: 767px){.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-wrap{max-width:2000px;}.kt-img-overlay2702_b82c8e-ed .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}<\/style>\n<div class=\"kt-img-overlay2702_b82c8e-ed aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-grayscale\"><div class=\"kt-block-intrisic kt-over-set-ratio\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jeremy-bishop-eg5_frFbiqE-unsplash-min.jpg\" alt=\"\" width=\"2000\" height=\"1500\" class=\"kt-img-overlay wp-image-1609\" srcset=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jeremy-bishop-eg5_frFbiqE-unsplash-min.jpg 2000w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jeremy-bishop-eg5_frFbiqE-unsplash-min-300x225.jpg 300w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jeremy-bishop-eg5_frFbiqE-unsplash-min-1024x768.jpg 1024w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jeremy-bishop-eg5_frFbiqE-unsplash-min-768x576.jpg 768w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jeremy-bishop-eg5_frFbiqE-unsplash-min-1536x1152.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><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-column2702_2659d9-08 > .kt-inside-inner-col,.kadence-column2702_2659d9-08 > .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-column2702_2659d9-08 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2702_2659d9-08 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2702_2659d9-08 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2702_2659d9-08 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2702_2659d9-08{position:relative;}@media all and (max-width: 1024px){.kadence-column2702_2659d9-08 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2702_2659d9-08 > .kt-inside-inner-col{padding-top:40px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2702_2659d9-08 inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kt-img-overlay2702_64a005-36 .kt-image-overlay-wrap{max-width:2000px;overflow:hidden;}.kt-img-overlay2702_64a005-36 .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:66.67%;}.kt-img-overlay2702_64a005-36 .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_64a005-36 .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_64a005-36 .kt-image-overlay-color{background-color:#444;opacity:0.5;}.kt-img-overlay2702_64a005-36 .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;inset:0px;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_64a005-36 .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-overlay2702_64a005-36 .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_64a005-36 .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-overlay2702_64a005-36 .kt-image-overlay-wrap{max-width:2000px;}}@media all and (max-width: 1024px){.kt-img-overlay2702_64a005-36 .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}@media all and (max-width: 767px){.kt-img-overlay2702_64a005-36 .kt-image-overlay-wrap{max-width:2000px;}.kt-img-overlay2702_64a005-36 .kt-image-overlay-message{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}<\/style>\n<div class=\"kt-img-overlay2702_64a005-36 aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-blur\"><div class=\"kt-block-intrisic kt-over-set-ratio\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jake-weirick-6TyC5S5xnvM-unsplash-min.jpg\" alt=\"\" width=\"2000\" height=\"1333\" class=\"kt-img-overlay wp-image-1607\" srcset=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jake-weirick-6TyC5S5xnvM-unsplash-min.jpg 2000w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jake-weirick-6TyC5S5xnvM-unsplash-min-300x200.jpg 300w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jake-weirick-6TyC5S5xnvM-unsplash-min-1024x682.jpg 1024w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jake-weirick-6TyC5S5xnvM-unsplash-min-768x512.jpg 768w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jake-weirick-6TyC5S5xnvM-unsplash-min-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><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-2702_8c1686-64 .kt-block-spacer{height:20px;}.wp-block-kadence-spacer.kt-block-spacer-2702_8c1686-64 .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-2702_8c1686-64\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n\n\n<style>.kt-img-overlay2702_ea81c6-65 .kt-image-overlay-wrap{max-width:2560px;overflow:hidden;}.kt-img-overlay2702_ea81c6-65 .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:50%;}.kt-img-overlay2702_ea81c6-65 .kt-image-overlay-color-wrapper{opacity:0.38;}.kt-img-overlay2702_ea81c6-65 .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_ea81c6-65 .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_ea81c6-65 .kt-image-overlay-color{background-color:#008c9e;opacity:0.6;}.kt-img-overlay2702_ea81c6-65 .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-overlay2702_ea81c6-65 .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-overlay2702_ea81c6-65 .kt-image-overlay-divider{border-top-color:#fff;border-top-width:1px;width:80%;border-top-style:none;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_ea81c6-65 .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-overlay2702_ea81c6-65 .kt-image-overlay-wrap{max-width:2560px;}}@media all and (max-width: 1024px){.kt-img-overlay2702_ea81c6-65 .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-overlay2702_ea81c6-65 .kt-image-overlay-wrap{max-width:2560px;}.kt-img-overlay2702_ea81c6-65 .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-overlay2702_ea81c6-65 .kt-image-overlay-message .image-overlay-title{font-size:24px;line-height:34px;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_ea81c6-65 .kt-image-overlay-message .image-overlay-subtitle{font-size:16px;line-height:20px;}}<\/style>\n<div class=\"kt-img-overlay2702_ea81c6-65 aligncenter wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-static\"><div class=\"kt-block-intrisic kt-over-set-ratio\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/12\/alexandru-g-stavrica-J5Si8M5IIhU-unsplash-min-scaled-1.jpg\" alt=\"\" width=\"2560\" height=\"1707\" class=\"kt-img-overlay wp-image-1912\" srcset=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/12\/alexandru-g-stavrica-J5Si8M5IIhU-unsplash-min-scaled-1.jpg 2560w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/12\/alexandru-g-stavrica-J5Si8M5IIhU-unsplash-min-scaled-1-300x200.jpg 300w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/12\/alexandru-g-stavrica-J5Si8M5IIhU-unsplash-min-scaled-1-1024x683.jpg 1024w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/12\/alexandru-g-stavrica-J5Si8M5IIhU-unsplash-min-scaled-1-768x512.jpg 768w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/12\/alexandru-g-stavrica-J5Si8M5IIhU-unsplash-min-scaled-1-1536x1024.jpg 1536w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/12\/alexandru-g-stavrica-J5Si8M5IIhU-unsplash-min-scaled-1-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><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-overlay2702_fd5d07-65 .kt-image-overlay-wrap .kt-block-intrisic{padding-bottom:50%;}.kt-img-overlay2702_fd5d07-65 .kt-image-overlay-wrap:has(:focus-visible) .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_fd5d07-65 .kt-image-overlay-wrap:hover .kt-image-overlay-color-wrapper{opacity:1 !important;}.kt-img-overlay2702_fd5d07-65 .kt-image-overlay-color{background-color:#14a0b2;opacity:0.6;}.kt-img-overlay2702_fd5d07-65 .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-overlay2702_fd5d07-65 .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-overlay2702_fd5d07-65 .kt-image-overlay-divider{border-top-color:#fff;border-top-width:7px;width:80%;border-top-style:double;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_fd5d07-65 .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-overlay2702_fd5d07-65 .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-overlay2702_fd5d07-65 .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-overlay2702_fd5d07-65 .kt-image-overlay-message .image-overlay-subtitle{font-size:20px;line-height:30px;}}@media all and (max-width: 767px){.kt-img-overlay2702_fd5d07-65 .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-overlay2702_fd5d07-65 .kt-image-overlay-message .image-overlay-title{font-size:16px;line-height:20px;}.wp-block-kadence-imageoverlay.kt-img-overlay2702_fd5d07-65 .kt-image-overlay-message .image-overlay-subtitle{font-size:12px;line-height:18px;}}<\/style>\n<div class=\"kt-img-overlay2702_fd5d07-65 alignwide wp-block-kadence-imageoverlay\"><div class=\"kt-image-overlay-wrap kt-over-image-zoomin\"><div class=\"kt-block-intrisic kt-over-set-ratio\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/janko-ferlic-specialdaddy-SDivo1PTBDs-unsplash-min.jpg\" alt=\"\" width=\"2000\" height=\"1335\" class=\"kt-img-overlay wp-image-1608\" srcset=\"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/janko-ferlic-specialdaddy-SDivo1PTBDs-unsplash-min.jpg 2000w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/janko-ferlic-specialdaddy-SDivo1PTBDs-unsplash-min-300x200.jpg 300w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/janko-ferlic-specialdaddy-SDivo1PTBDs-unsplash-min-1024x684.jpg 1024w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/janko-ferlic-specialdaddy-SDivo1PTBDs-unsplash-min-768x513.jpg 768w, https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/janko-ferlic-specialdaddy-SDivo1PTBDs-unsplash-min-1536x1025.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><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&nbsp;<\/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","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 wide and fullwidth block. Examples: Settings:<\/p>\n","protected":false},"author":1265,"featured_media":0,"parent":2342,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"normal","_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":""},"class_list":["post-2702","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Anonymous 1265","author_link":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/author\/anon-1265\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/comments?post=2702"}],"version-history":[{"count":7,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2702\/revisions"}],"predecessor-version":[{"id":5161,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2702\/revisions\/5161"}],"up":[{"embeddable":true,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2342"}],"wp:attachment":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/media?parent=2702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}