{"id":9731,"date":"2021-01-28T09:33:24","date_gmt":"2021-01-28T09:33:24","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?page_id=9731"},"modified":"2023-04-05T08:46:16","modified_gmt":"2023-04-05T08:46:16","slug":"before-after-comparison-slider","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/before-after-comparison-slider\/","title":{"rendered":"Elementor Before\/After Comparison Slider Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9731\" class=\"elementor elementor-9731\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b417818 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"b417818\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3db4436 qodef-sticky-column--no\" data-id=\"3db4436\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b6fd63e elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"b6fd63e\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--underline qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t\t\t<h1 class=\"qodef-m-title\">\n\t\tBefore\/After<br \/> Comparison Slider<br \/> <span class=\"qodef-e-decorated\">ELEMENTOR<\/span> widget\t<\/h1>\n\t\t\t<div class=\"qodef-m-text\"><p>A custom widget dedicated to letting you easily make interactive comparison sliders with images<\/p><\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-98b5acf elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"98b5acf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-54151e9 qodef-sticky-column--no\" data-id=\"54151e9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6cb1c74 elementor-widget__width-initial elementor-widget-tablet__width-auto elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"6cb1c74\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--left qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"https:\/\/qodeinteractive.com\/pricing\/?qi_product=addons\" target=\"_blank\">\n\t<span class=\"qodef-m-text\">Try qi addons<\/span>\n\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f030f6 elementor-widget__width-initial elementor-widget-tablet__width-auto elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"8f030f6\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--left\" href=\"https:\/\/www.youtube.com\/watch?v=KaH9qw23Nkk\" target=\"_blank\">\n\t<span class=\"qodef-m-text\">Youtube tutorial<\/span>\n\t\t<span class=\"qodef-m-icon\">\n\t\t<span class=\"qodef-m-icon-inner\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"8.688px\" height=\"12.873px\" viewBox=\"0 0 8.688 12.873\" xml:space=\"preserve\"><g>\t<path fill=\"#FFFFFF\" d=\"M8.688,6.435c0,0.229-0.083,0.406-0.25,0.531l-7.313,5.75c-0.146,0.104-0.292,0.156-0.438,0.156  c-0.063,0-0.156-0.021-0.281-0.063C0.135,12.685,0,12.477,0,12.185v-11.5c0-0.292,0.135-0.5,0.406-0.625  c0.25-0.104,0.489-0.073,0.719,0.094l7.313,5.75C8.604,6.029,8.688,6.206,8.688,6.435z M6.875,6.435l-5.5-4.313v8.625L6.875,6.435z  \"><\/path><\/g><\/svg>\t\t\t\t\t<\/span>\n\t<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f665e63 elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-mobile_extra qodef-sticky-column--no\" data-id=\"f665e63\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03b55c4 elementor-widget elementor-widget-image\" data-id=\"03b55c4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/qi75.qodeinteractive.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"808\" height=\"585\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/before-after-comparison-new-title.png\" class=\"attachment-full size-full wp-image-70082\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/before-after-comparison-new-title.png 808w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/before-after-comparison-new-title-300x217.png 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/before-after-comparison-new-title-768x556.png 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/before-after-comparison-new-title-600x434.png 600w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1340f30 qodef-elementor-content-grid elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1340f30\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48b60e8 qodef-sticky-column--no\" data-id=\"48b60e8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-086d92a elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"086d92a\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tTwo orientation types\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tHorizontal or vertical\t<\/h2>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9c6c5a elementor-widget elementor-widget-qi_addons_for_elementor_before_after\" data-id=\"f9c6c5a\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_before_after.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-before-after qodef--horizontal\">\n\t<div class=\"qodef-before-after-image-holder qodef-m-image\" data-offset=\"46\">\n\t\t<img decoding=\"async\" width=\"1294\" height=\"671\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-1.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-1.jpg 1294w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-1-600x311.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-1-300x156.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-1-1024x531.jpg 1024w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-1-768x398.jpg 768w\" sizes=\"(max-width: 1294px) 100vw, 1294px\" \/><img decoding=\"async\" width=\"1294\" height=\"671\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-image-2.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-image-2.jpg 1294w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-image-2-600x311.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-image-2-300x156.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-image-2-1024x531.jpg 1024w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-image-2-768x398.jpg 768w\" sizes=\"(max-width: 1294px) 100vw, 1294px\" \/>\t<\/div>\n\t\t\t<div class=\"qodef-handle-text\">\n\t\t\tDrag\t\t<\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-65689ca elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"65689ca\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-afa2d03 qodef-sticky-column--no\" data-id=\"afa2d03\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e10c46 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"3e10c46\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tInteractive\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tBefore &amp; After\t<\/h2>\n\t\t\t<div class=\"qodef-m-text\">Include images for both before &amp; after so users can drag the slider handle to reveal each of them.<\/div>\n\t\t<div class=\"qodef-m-button qodef-qi-clear\">\n\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--textual qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"#\" target=\"_self\">\t<span class=\"qodef-m-text\">View More<\/span>\t\t<span class=\"qodef-m-icon qodef--icon-color-set\">\t\t<span class=\"qodef-m-icon-inner\">\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4;\" xml:space=\"preserve\" fill=\"currentColor\"><path stroke=\"none\" d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path><\/svg>\t\t\t\t\t<\/span>\t<\/span><\/a>\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7247717 qodef-sticky-column--no\" data-id=\"7247717\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d37bcc1 elementor-widget elementor-widget-qi_addons_for_elementor_before_after\" data-id=\"d37bcc1\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_before_after.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-before-after qodef--vertical\">\n\t<div class=\"qodef-before-after-image-holder qodef-m-image\" data-offset=\"50\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"640\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-4.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-4.jpg 1280w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-4-600x300.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-4-300x150.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-4-1024x512.jpg 1024w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-4-768x384.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"640\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-3.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-3.jpg 1280w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-3-600x300.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-3-300x150.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-3-1024x512.jpg 1024w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-3-768x384.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t<\/div>\n\t\t\t<div class=\"qodef-handle-text\">\n\t\t\tDrag\t\t<\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5895194 qodef-elementor-content-grid elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5895194\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f613b06 qodef-sticky-column--no\" data-id=\"f613b06\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b76916 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"1b76916\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tGreat way to\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tCompare\t<\/h2>\n\t\t\t<div class=\"qodef-m-text\">And you get to customize handle text, handle color, typography &amp; more.<\/div>\n\t\t<div class=\"qodef-m-button qodef-qi-clear\">\n\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--textual qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"#\" target=\"_self\">\t<span class=\"qodef-m-text\">View More<\/span>\t\t<span class=\"qodef-m-icon qodef--icon-color-set\">\t\t<span class=\"qodef-m-icon-inner\">\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4;\" xml:space=\"preserve\" fill=\"currentColor\"><path stroke=\"none\" d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path><\/svg>\t\t\t\t\t<\/span>\t<\/span><\/a>\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-88b68a4 qodef-sticky-column--no\" data-id=\"88b68a4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18fdd52 elementor-widget elementor-widget-qi_addons_for_elementor_before_after\" data-id=\"18fdd52\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_before_after.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-before-after qodef--horizontal\">\n\t<div class=\"qodef-before-after-image-holder qodef-m-image\" data-offset=\"60.8\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"857\" height=\"445\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-5.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-5.jpg 857w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-5-600x312.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-5-300x156.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-5-768x399.jpg 768w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"857\" height=\"445\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-6.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-6.jpg 857w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-6-600x312.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-6-300x156.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/01\/before-after-img-6-768x399.jpg 768w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/>\t<\/div>\n\t\t\t<div class=\"qodef-handle-text\">\n\t\t\tDrag\t\t<\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Before\/After Comparison Slider ELEMENTOR widget A custom widget dedicated to letting you easily make interactive comparison sliders with images Try qi addons Youtube tutorial Two orientation types Horizontal or vertical Drag Interactive Before &amp; After Include images for both before &amp; after so users can drag the slider handle to reveal each of them. View [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"the-q-full-width.php","meta":{"footnotes":""},"class_list":["post-9731","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/9731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/comments?post=9731"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/9731\/revisions"}],"predecessor-version":[{"id":84419,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/9731\/revisions\/84419"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/media?parent=9731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}