{"id":27281,"date":"2023-05-03T04:35:36","date_gmt":"2023-05-03T09:35:36","guid":{"rendered":"https:\/\/wpstackable.com\/?page_id=27281"},"modified":"2024-02-18T23:30:47","modified_gmt":"2024-02-19T04:30:47","slug":"lightbox","status":"publish","type":"page","link":"https:\/\/wpstackable.com\/lightbox\/","title":{"rendered":"Lightbox"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5762b52 stk-block-background stk--has-background-overlay\" data-block-id=\"5762b52\"><style>.stk-5762b52{background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Motion-Effects.png) !important;min-height:600px !important;align-items:center !important;margin-bottom:0px !important;display:flex !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5762b52-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e0deebe\" data-v=\"4\" data-block-id=\"e0deebe\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e0deebe-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e0deebe-inner-blocks\">\n<div class=\"wp-block-stackable-subtitle stk-block-subtitle stk-block stk-ca79dcc\" data-block-id=\"ca79dcc\"><style>.stk-ca79dcc{margin-bottom:16px !important}.stk-ca79dcc .stk-block-subtitle__text{font-size:14px !important;color:var(--stk-global-color-71460,#f00069) !important;font-weight:500 !important;text-transform:uppercase !important}@media screen and (max-width:1023px){.stk-ca79dcc .stk-block-subtitle__text{font-size:14px !important}}<\/style><p class=\"stk-block-subtitle__text stk-subtitle has-text-color has-stk-global-color-71460-color\">FEATURE<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-044a54d\" id=\"lightbox\" data-block-id=\"044a54d\"><style>.stk-044a54d{max-width:800px !important;margin-bottom:8px !important}.stk-044a54d .stk-block-heading__text{font-size:48px !important;color:var(--stk-global-color-58834,#ffffff) !important;font-family:\"Work Sans\",Sans-serif !important}@media screen and (max-width:1023px){.stk-044a54d .stk-block-heading__text{font-size:48px !important}}<\/style><h1 class=\"stk-block-heading__text has-text-color has-stk-global-color-58834-color\">Lightbox<\/h1><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-e7085a1\" data-block-id=\"e7085a1\"><style>.stk-e7085a1{max-width:800px !important;margin-bottom:32px !important}.stk-e7085a1 .stk-block-text__text{font-size:18px !important;color:var(--stk-global-color-58834,#ffffff) !important}@media screen and (max-width:1023px){.stk-e7085a1 .stk-block-text__text{font-size:18px !important}}<\/style><p class=\"stk-block-text__text has-text-color has-stk-global-color-58834-color\">The Lightbox feature enables you to display media, such as images, videos, and embeds in a pop-up module. This way, website visitors can view media in higher resolution without having to navigate away from the website.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-68aa0b8\" data-block-id=\"68aa0b8\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stackable-button-children stackable-button-large stk-block stk-3859505\" data-block-id=\"3859505\"><style>.stk-3859505 .stk-button{padding-top:16px !important;padding-right:32px !important;padding-bottom:16px !important;padding-left:32px !important;background:linear-gradient(160deg,#ee006b 0%,#b300be 100%) !important}.stk-3859505 .stk-button:hover:after{background:linear-gradient(90deg,#f00069 0%,#f00069 100%) !important;opacity:1 !important}.stk-3859505 .stk-button .stk--inner-svg svg:last-child{height:24px !important;width:24px !important}.stk-3859505 .stk-button__inner-text{font-size:16px !important;text-transform:uppercase !important;letter-spacing:0.5px !important}@media screen and (max-width:1023px){.stk-3859505 .stk-button__inner-text{font-size:16px !important}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"#get-started\"><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg aria-hidden=\"true\" data-prefix=\"fab\" data-icon=\"wordpress-simple\" class=\"svg-inline--fa fa-wordpress-simple fa-w-16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"32\" height=\"32\"><path fill=\"currentColor\" d=\"M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z\"><\/path><\/svg><\/div><\/span><span class=\"stk-button__inner-text\">Free Download<\/span><\/a><\/div>\n\n\n\n<div class=\"wp-block-stackable-button stk-block-button stackable-button-children stackable-button-large is-style-ghost stk-block stk-fb9f036\" data-block-id=\"fb9f036\"><style>.stk-fb9f036 .stk-button{padding-top:16px !important;padding-right:32px !important;padding-bottom:16px !important;padding-left:32px !important;background:transparent !important}.stk-fb9f036 .stk-button:hover:after{background:transparent !important;opacity:1 !important}:where(.stk-hover-parent:hover,.stk-hover-parent.stk--is-hovered) .stk-fb9f036 .stk-button:after{background:transparent !important;opacity:1 !important}.stk-fb9f036 .stk-button:before{border-style:solid !important;border-color:#ffffff !important}.stk-fb9f036 .stk-button .stk--inner-svg svg:last-child{height:24px !important;width:24px !important}.stk-fb9f036 .stk-button:hover .stk--inner-svg svg:last-child,.stk-fb9f036 .stk-button:hover .stk--inner-svg svg:last-child :is(g,path,rect,polygon,ellipse){fill:#f00069 !important}.stk-fb9f036 .stk-button__inner-text{font-size:16px !important;color:#ffffff !important;text-transform:uppercase !important;letter-spacing:0.5px !important}@media screen and (max-width:1023px){.stk-fb9f036 .stk-button__inner-text{font-size:16px !important}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"#learn-more\"><span class=\"has-text-color stk-button__inner-text\">learn more<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2894e95 stk-block-background\" id=\"learn-more\" data-block-id=\"2894e95\"><style>.stk-2894e95{background-color:var(--stk-global-color-65111,#191919) !important;padding-top:80px !important;padding-bottom:80px !important;margin-bottom:100px !important}.stk-2894e95:before{background-color:var(--stk-global-color-65111,#191919) !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2894e95-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-0ec8b30\" data-v=\"4\" data-block-id=\"0ec8b30\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-0ec8b30-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-0ec8b30-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-30afee1\" id=\"why-use-stackable-lightbox\" data-block-id=\"30afee1\"><style>.stk-30afee1 .stk-block-heading__text{color:#ffffff !important;font-weight:bold !important;text-transform:uppercase !important}<\/style><h3 class=\"stk-block-heading__text has-text-color has-white-color\">Why use Stackable Lightbox<\/h3><\/div>\n\n\n\n<span class=\"wp-block-stackable-text stk-block-text stk-block stk-bc04f08\" data-block-id=\"bc04f08\"><style>.stk-bc04f08 .stk-block-text__text{color:#ffffff !important}<\/style><p class=\"stk-block-text__text has-text-color has-white-color\">The Stackable Lightbox feature enhances a website\u2019s user experience<\/p><\/span>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-7419eea\" data-block-id=\"7419eea\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27312\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-1.png\" width=\"2745\" height=\"2061\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-1.png 2560w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-1-300x225.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-1-1024x769.png 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-1-768x577.png 768w\" sizes=\"auto, (max-width: 2745px) 100vw, 2745px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-60b64fa\" data-v=\"4\" data-block-id=\"60b64fa\"><style>.stk-60b64fa{align-self:flex-end !important}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-60b64fa-container stk--no-background stk--no-padding\"><div class=\"has-text-align-left stk-block-content stk-inner-blocks stk-60b64fa-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-923454c\" id=\"accessibility\" data-block-id=\"923454c\"><style>.stk-923454c{margin-bottom:0px !important}.stk-923454c .stk-block-heading__text{color:#ffffff !important;text-transform:uppercase !important}<\/style><h5 class=\"stk-block-heading__text has-text-color has-white-color\">Accessibility<\/h5><\/div>\n\n\n\n<span class=\"wp-block-stackable-text stk-block-text stk-block stk-e1347d2\" data-block-id=\"e1347d2\"><style>.stk-e1347d2{margin-bottom:100px !important}.stk-e1347d2 .stk-block-text__text{color:#ffffff !important}<\/style><p class=\"stk-block-text__text has-text-color has-white-color\">The Lightbox feature allows users to view media in full size on the same page<\/p><\/span>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-3da1bb0\" id=\"accessibility\" data-block-id=\"3da1bb0\"><style>.stk-3da1bb0{margin-bottom:0px !important}.stk-3da1bb0 .stk-block-heading__text{color:#ffffff !important;text-transform:uppercase !important}<\/style><h5 class=\"stk-block-heading__text has-text-color has-white-color\">Responsive<\/h5><\/div>\n\n\n\n<span class=\"wp-block-stackable-text stk-block-text stk-block stk-cc08d00\" data-block-id=\"cc08d00\"><style>.stk-cc08d00{margin-bottom:100px !important}.stk-cc08d00 .stk-block-text__text{color:#ffffff !important}<\/style><p class=\"stk-block-text__text has-text-color has-white-color\">The Lightbox feature works great in mobile or tablet.<\/p><\/span>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-f7a1e21\" id=\"accessibility\" data-block-id=\"f7a1e21\"><style>.stk-f7a1e21{margin-bottom:0px !important}.stk-f7a1e21 .stk-block-heading__text{color:#ffffff !important;text-transform:uppercase !important}<\/style><h5 class=\"stk-block-heading__text has-text-color has-white-color\">Increase Engagement<\/h5><\/div>\n\n\n\n<span class=\"wp-block-stackable-text stk-block-text stk-block stk-bde8475\" data-block-id=\"bde8475\"><style>.stk-bde8475 .stk-block-text__text{color:#ffffff !important}<\/style><p class=\"stk-block-text__text has-text-color has-white-color\">Keep users on your website by embedding videos or other websites using a lightbox<\/p><\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading alignwide stk-block-heading stk-block-heading--v2 stk-block stk-af4a3d5\" id=\"see-it-in-action\" data-block-id=\"af4a3d5\"><style>.stk-af4a3d5 .stk-block-heading__text{color:var(--stk-global-color-65111,#191919) !important;font-weight:bold !important;text-transform:uppercase !important}<\/style><h3 class=\"stk-block-heading__text has-text-color has-stk-global-color-65111-color has-text-align-center\">See It In Action<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-subtitle stk-block-subtitle stk-block stk-81cc84b\" data-block-id=\"81cc84b\"><style>.stk-81cc84b{margin-bottom:10px !important}.stk-81cc84b .stk-block-subtitle__text{font-size:14px !important;color:var(--stk-global-color-71460,#f00069) !important;font-weight:500 !important;text-transform:uppercase !important}@media screen and (max-width:1023px){.stk-81cc84b .stk-block-subtitle__text{font-size:14px !important}}<\/style><p class=\"stk-block-subtitle__text stk-subtitle has-text-color has-stk-global-color-71460-color has-text-align-center\">image gallery<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-a4fc00d\" id=\"create-a-gallery-lightbox-that-will-allow-viewing-photos-in-more-detail\" data-block-id=\"a4fc00d\"><h5 class=\"stk-block-heading__text has-text-align-center\">Create a gallery lightbox that will allow viewing photos in more detail<\/h5><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignwide stk-block-columns stk-block stk-dc704b6\" data-block-id=\"dc704b6\"><style>.stk-dc704b6{margin-bottom:100px !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-dc704b6-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-739a29c\" data-v=\"4\" data-block-id=\"739a29c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-739a29c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-739a29c-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-0652f2d\" data-block-id=\"0652f2d\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch stk--has-lightbox\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27526\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-11.png\" width=\"391\" height=\"390\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-11.png 391w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-11-300x300.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-11-150x150.png 150w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a7e1d69\" data-v=\"4\" data-block-id=\"a7e1d69\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a7e1d69-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a7e1d69-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-726492a\" data-block-id=\"726492a\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch stk--has-lightbox\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27527\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-10-1.png\" width=\"390\" height=\"390\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-10-1.png 390w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-10-1-300x300.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-10-1-150x150.png 150w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-aeb1a5d\" data-v=\"4\" data-block-id=\"aeb1a5d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-aeb1a5d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-aeb1a5d-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-c731239\" data-block-id=\"c731239\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch stk--has-lightbox\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27528\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-9.png\" width=\"391\" height=\"390\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-9.png 391w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-9-300x300.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-9-150x150.png 150w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-64d072e\" data-v=\"4\" data-block-id=\"64d072e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-64d072e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-64d072e-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-27f82c8\" data-block-id=\"27f82c8\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch stk--has-lightbox\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27529\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-3.png\" width=\"390\" height=\"390\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-3.png 390w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-3-300x300.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-8-3-150x150.png 150w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-subtitle stk-block-subtitle stk-block stk-92f1e33\" data-block-id=\"92f1e33\"><style>.stk-92f1e33{margin-bottom:10px !important}.stk-92f1e33 .stk-block-subtitle__text{font-size:14px !important;color:var(--stk-global-color-71460,#f00069) !important;font-weight:500 !important;text-transform:uppercase !important}@media screen and (max-width:1023px){.stk-92f1e33 .stk-block-subtitle__text{font-size:14px !important}}<\/style><p class=\"stk-block-subtitle__text stk-subtitle has-text-color has-stk-global-color-71460-color has-text-align-center\">IMAGE OR VIDEO POPUP<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-e5ffa23\" id=\"create-a-gallery-lightbox-that-will-allow-viewing-photos-in-more-detail\" data-block-id=\"e5ffa23\"><h5 class=\"stk-block-heading__text has-text-align-center\">Make an image or video pop up with the click of a button<\/h5><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignwide stk-block-columns stk-block stk-2e6af55\" data-block-id=\"2e6af55\"><style>.stk-2e6af55{margin-bottom:100px !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2e6af55-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fc8bd60\" data-v=\"4\" data-block-id=\"fc8bd60\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fc8bd60-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-fc8bd60-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-3c2c23e\" data-block-id=\"3c2c23e\"><style>.stk-3c2c23e .stk-img-wrapper{height:400px !important}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch stk--has-lightbox\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27531\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-12.png\" width=\"777\" height=\"777\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-12.png 777w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-12-300x300.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-12-150x150.png 150w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/Frame-12-768x768.png 768w\" sizes=\"auto, (max-width: 777px) 100vw, 777px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-04943ba\" data-v=\"4\" data-block-id=\"04943ba\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-04943ba-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-04943ba-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-69f33e8 stk--has-lightbox\" data-block-id=\"69f33e8\"><style>.stk-69f33e8 .stk-img-wrapper{width:100% !important;height:400px !important}<\/style><figure><a class=\"stk-link\" href=\"https:\/\/www.youtube.com\/watch?v=GKukE1bnnxA&amp;ab_channel=FreeCreativeStuff\"><span class=\"stk-img-wrapper stk-image--shape-stretch stk--has-lightbox\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27338\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/video-lightbox-1.jpg\" width=\"982\" height=\"610\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/video-lightbox-1.jpg 982w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/video-lightbox-1-300x186.jpg 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/05\/video-lightbox-1-768x477.jpg 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/span><\/a><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-subtitle stk-block-subtitle stk-block stk-3a79bc7\" data-block-id=\"3a79bc7\"><style>.stk-3a79bc7{margin-bottom:10px !important}.stk-3a79bc7 .stk-block-subtitle__text{font-size:14px !important;color:var(--stk-global-color-71460,#f00069) !important;font-weight:500 !important;text-transform:uppercase !important}@media screen and (max-width:1023px){.stk-3a79bc7 .stk-block-subtitle__text{font-size:14px !important}}<\/style><p class=\"stk-block-subtitle__text stk-subtitle has-text-color has-stk-global-color-71460-color has-text-align-center\">popup links<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-83d9cee\" id=\"create-a-gallery-lightbox-that-will-allow-viewing-photos-in-more-detail\" data-block-id=\"83d9cee\"><h5 class=\"stk-block-heading__text has-text-align-center\">Open links in a pop up modal instead of a new tab or window<\/h5><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-46b2dfd\" data-block-id=\"46b2dfd\"><style>.stk-46b2dfd{margin-bottom:100px !important}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-46b2dfd-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a09be19\" data-v=\"4\" data-block-id=\"a09be19\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a09be19-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-a09be19-inner-blocks\">\n<p data-block-type=\"core\">You can link an image from an external URL<\/p>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-fcf2535\" data-block-id=\"fcf2535\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-0f9c42a stk--has-lightbox\" data-block-id=\"0f9c42a\"><style>.stk-0f9c42a .stk-button{background:var(--stk-global-color-65111,#191919) !important}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/images.pexels.com\/photos\/911738\/pexels-photo-911738.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1\"><span class=\"stk-button__inner-text\">View Image<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b832b3d\" data-v=\"4\" data-block-id=\"b832b3d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b832b3d-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-b832b3d-inner-blocks\">\n<p data-block-type=\"core\">You can link a video from an external URL<\/p>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-0114fcb\" data-block-id=\"0114fcb\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button is-style-link stk-block stk-e0bb76a stk--has-lightbox\" data-block-id=\"e0bb76a\"><style>.stk-e0bb76a .stk-button{padding-top:12px !important;padding-bottom:12px !important}.stk-e0bb76a .stk-button__inner-text{color:var(--stk-global-color-65111,#191919) !important}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/www.youtube.com\/watch?v=P3xG3t-QYjw\"><span class=\"has-text-color stk-button__inner-text\">View Video<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-call-to-action stk-block-call-to-action stk-block stk-675cb28 stk-block-background alignfull is-style-default stk--has-background-overlay\" data-v=\"2\" data-block-id=\"675cb28\"><style>.stk-675cb28{background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/06\/CTA-BG.png) !important;padding-top:120px !important;padding-bottom:120px !important;margin-bottom:0px !important}<\/style><div class=\"stk-block-call-to-action__content stk-content-align stk-675cb28-column alignwide stk-container stk-675cb28-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-675cb28-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-bbb00c2\" id=\"discover-a-whole-new-experience-of-web-design\" data-block-id=\"bbb00c2\"><style>.stk-bbb00c2{margin-bottom:8px !important}.stk-bbb00c2 .stk-block-heading__text{font-size:36px !important;color:var(--stk-global-color-58834,#ffffff) !important;font-family:\"Work Sans\",Sans-serif !important}@media screen and (max-width:1023px){.stk-bbb00c2 .stk-block-heading__text{font-size:36px !important}}<\/style><h3 class=\"stk-block-heading__text has-text-color has-stk-global-color-58834-color stk-block-heading--use-theme-margins\">Discover a whole new experience of web design<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-be1befe\" data-block-id=\"be1befe\"><style>.stk-be1befe{margin-bottom:32px !important;margin-left:24px !important}.stk-be1befe .stk-block-text__text{font-size:16px !important;color:var(--stk-global-color-58834,#ffffff) !important}@media screen and (max-width:1023px){.stk-be1befe .stk-block-text__text{font-size:16px !important}}<\/style><p class=\"stk-block-text__text has-text-color has-stk-global-color-58834-color\">No matter who you are, blogger, merchant, designer, developer, we guarantee you\u2019ll want Stackable.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-6b26480\" data-block-id=\"6b26480\"><style>.stk-6b26480{margin-left:24px !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stackable-button-children stackable-button-large stk-block stk-b5e12ef\" data-block-id=\"b5e12ef\"><style>.stk-b5e12ef .stk-button{padding-top:16px !important;padding-right:32px !important;padding-bottom:16px !important;padding-left:32px !important;background:linear-gradient(160deg,#ee006b 0%,#b300be 100%) !important}.stk-b5e12ef .stk-button:hover:after{background:linear-gradient(90deg,#f00069 0%,#f00069 100%) !important;opacity:1 !important}.stk-b5e12ef .stk-button .stk--inner-svg svg:last-child{height:24px !important;width:24px !important}.stk-b5e12ef .stk-button__inner-text{font-size:16px !important;text-transform:uppercase !important;letter-spacing:0.5px !important}@media screen and (max-width:1023px){.stk-b5e12ef .stk-button__inner-text{font-size:16px !important}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"#get-started\"><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg aria-hidden=\"true\" data-prefix=\"fab\" data-icon=\"wordpress-simple\" class=\"svg-inline--fa fa-wordpress-simple fa-w-16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"32\" height=\"32\"><path fill=\"currentColor\" d=\"M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z\"><\/path><\/svg><\/div><\/span><span class=\"stk-button__inner-text\">Free Download<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<style>\n#glightbox-body button {\n    background: none;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>FEATURE Lightbox The Lightbox feature enables you to display media, such as images, videos, and embeds in a pop-up module. This way, website visitors can view media in higher resolution without having to navigate away from the website. Free Download learn more Why use Stackable Lightbox The Stackable Lightbox feature enhances a website\u2019s user experience &hellip; <a href=\"https:\/\/wpstackable.com\/lightbox\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Lightbox<\/span><\/a><\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title.php","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"page_category":[],"class_list":["post-27281","page","type-page","status-publish","hentry"],"featured_image_urls_v2":{"full":""},"post_excerpt_stackable_v2":"<p>FEATURE Lightbox The Lightbox feature enables you to display media, such as images, videos, and embeds in a pop-up module. This way, website visitors can view media in higher resolution without having to navigate away from the website. Free Download learn more Why use Stackable Lightbox The Stackable Lightbox feature enhances a website\u2019s user experience Accessibility The Lightbox feature allows users to view media in full size on the same page Responsive The Lightbox feature works great in mobile or tablet. Increase Engagement Keep users on your website by embedding videos or other websites using a lightbox See It In&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Neil Dinu","url":"https:\/\/wpstackable.com\/blog\/author\/neil\/"},"comments_num_v2":"0 comments","acf":{"block_changelog":"","block_changelog_last_version_updated":""},"_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages\/27281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/comments?post=27281"}],"version-history":[{"count":48,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages\/27281\/revisions"}],"predecessor-version":[{"id":29083,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages\/27281\/revisions\/29083"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=27281"}],"wp:term":[{"taxonomy":"page_category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/page_category?post=27281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}