CINXE.COM

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>The Amazing New Divi Transformation Controls!</title> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:local(""),url(/fonts/lato/lato-v23-latin-regular.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-regular.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:local(""),url(/fonts/lato/lato-v23-latin-italic.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-italic.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:local(""),url(/fonts/lato/lato-v23-latin-700.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-700.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:local(""),url(/fonts/lato/lato-v23-latin-700italic.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-700italic.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:local(""),url(/fonts/lato/lato-v23-latin-900.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-900.woff) format("woff")}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#6d7c90;font-family:Lato,sans-serif;font-size:17px;line-height:1.75em;padding:0;text-align:left}body.preload *{transition:all 0s linear!important}@media (max-width:1024px){body{font-size:15px}}*{box-sizing:border-box}.accent-d5 .colored-header,.accent-d5 .colored-text,.accent-d5 a,.accent-d5.colored-text{color:#326bff}.accent-d5 .button,.button.accent-d5,.colored-background.accent-d5{background-color:#326bff}.dark-background .accent-d5 .button,.dark-background.accent-d5 .button{color:#326bff!important}.accent-d5 .button:hover,.button.accent-d5:hover{background-color:#467aff;box-shadow:0 12px 24px -6px rgba(50,107,255,.2)}.accent-d5 .button.primary-button,.accent-d5 .category-circle,.accent-d5 .icon-circle,.button.primary-button.accent-d5,.category-circle.accent-d5,.icon-circle.accent-d5{background:linear-gradient(120deg,#326bff,#2059ea);background-color:#326bff}.accent-d5 .button.primary-button:hover,.accent-d5 .category-circle:hover,.accent-d5 .icon-circle:hover,.button.primary-button.accent-d5:hover,.category-circle.accent-d5:hover,.icon-circle.accent-d5:hover{background-color:#41a5ff}.accent-d5 .tertiary-button,.tertiary-button.accent-d5{color:#326bff!important}.accent-d5 .card-title,.accent-d5 .countdown-amount,.accent-d5 .gradient-text,.accent-d5 .headline-1,.accent-d5 .headline-2,.accent-d5 .headline-3,.accent-d5 .headline-4,.accent-d5 .package_price .price,.accent-d5 .subhead,.accent-d5 .subhead-small,.accent-d5 .subhead-tiny,.accent-d5.dark-background .button.primary-button span,.accent-d5.dark-background.button.primary-button span,.dark-background .accent-d5.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#326bff,#2059ea);-webkit-background-clip:text;color:#326bff}.accent-d5 .gradient-background,.accent-d5.gradient-background{background:linear-gradient(120deg,#326bff,#2059ea)}.accent-d5 .card-button:hover svg,.accent-d5 .current-item svg,.accent-d5 .icon-big,.accent-d5 .icon-small,.accent-d5 svg{fill:#326bff}.accent-d5 .card-button:hover svg .transparent,.accent-d5 .current-item svg .transparent,.accent-d5 svg .transparent{fill:rgba(50,107,255,.4)}.accent-d5 .border-highlight{border-color:#326bff}.accent-gray .colored-header,.accent-gray .colored-text,.accent-gray .current-item,.accent-gray a,.accent-gray.colored-text,.accent-gray.tab-navigation a:hover,.tab-navigation .accent-gray a:hover{color:#6d7c90}.accent-gray .button,.accent-gray .colored-background,.accent-gray.chip,.button.accent-gray,.tab-navigation .accent-gray .current-item:after{background-color:#6d7c90}.dark-background .accent-gray .button,.dark-background.accent-gray .button{color:#6d7c90!important}.accent-gray .button:hover,.button.accent-gray:hover{background-color:#788699;box-shadow:0 12px 24px -6px rgba(109,124,144,.2)}.accent-gray .button.play-button,.button.accent-gray.play-button{background-color:#6d7390}.accent-gray .button.play-button:hover,.button.accent-gray.play-button:hover{background-color:#787e99}.accent-gray .icon-circle,.icon-circle.accent-gray{box-shadow:0 8px 20px -6px rgba(109,124,144,.9)}.accent-gray .icon-circle:hover,.icon-circle.accent-gray:hover{box-shadow:0 12px 20px -6px rgba(109,124,144,.7)}.accent-gray .button.primary-button,.accent-gray .category-circle,.accent-gray .icon-circle,.button.primary-button.accent-gray,.category-circle.accent-gray,.icon-circle.accent-gray{background:linear-gradient(120deg,rgba(109,124,144,0),#627081);background-color:#6d7590}.accent-gray .button.primary-button:hover,.accent-gray .category-circle:hover,.accent-gray .icon-circle:hover,.button.primary-button.accent-gray:hover,.category-circle.accent-gray:hover,.icon-circle.accent-gray:hover{background-color:#757b97}.accent-gray .tertiary-button,.tertiary-button.accent-gray{color:#6d7c90!important}.accent-gray .card-title,.accent-gray .countdown-amount,.accent-gray .gradient-text,.accent-gray .headline-1,.accent-gray .headline-2,.accent-gray .headline-3,.accent-gray .headline-4,.accent-gray .package_price .price,.accent-gray .subhead,.accent-gray .subhead-small,.accent-gray .subhead-tiny,.accent-gray.dark-background .button.primary-button span,.accent-gray.dark-background.button.primary-button span,.dark-background .accent-gray.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#6d7590,#627081);color:#6d7c90}.accent-gray .colored-background,.accent-gray.colored-background{background-color:#6d7c90}.accent-gray .gradient-background,.accent-gray.gradient-background{background-image:-webkit-linear-gradient(120deg,#6d7590,#627081)}.accent-gray .card-button:hover svg,.accent-gray .current-item svg,.accent-gray .icon-big,.accent-gray .icon-small,.accent-gray svg{fill:#6d7c90}.accent-gray .tertiary-button svg{fill:#6d7c90!important}.accent-gray .card-button:hover svg .transparent,.accent-gray .current-item svg .transparent,.accent-gray svg .transparent{fill:rgba(109,124,144,.4)}.accent-gray .border-highlight{border-color:#6d7c90}.accent-yellow .colored-header,.accent-yellow .colored-text,.accent-yellow .current-item,.accent-yellow a,.accent-yellow.colored-text,.accent-yellow.tab-navigation a:hover,.tab-navigation .accent-yellow a:hover{color:#ffad00}.accent-yellow .button,.accent-yellow .colored-background,.accent-yellow.chip,.button.accent-yellow,.tab-navigation .accent-yellow .current-item:after{background-color:#ffad00}.dark-background .accent-yellow .button,.dark-background.accent-yellow .button{color:#ffad00!important}.accent-yellow .button:hover,.button.accent-yellow:hover{background-color:#ffb414;box-shadow:0 12px 24px -6px rgba(255,173,0,.2)}.accent-yellow .button.play-button,.button.accent-yellow.play-button{background-color:#ffed00}.accent-yellow .button.play-button:hover,.button.accent-yellow.play-button:hover{background-color:#ffee14}.accent-yellow .icon-circle,.icon-circle.accent-yellow{box-shadow:0 8px 20px -6px rgba(255,173,0,.9)}.accent-yellow .icon-circle:hover,.icon-circle.accent-yellow:hover{box-shadow:0 12px 20px -6px rgba(255,173,0,.7)}.accent-yellow .button.primary-button,.accent-yellow .category-circle,.accent-yellow .icon-circle,.button.primary-button.accent-yellow,.category-circle.accent-yellow,.icon-circle.accent-yellow{background:linear-gradient(120deg,rgba(255,173,0,0),#e69c00);background-color:#ffe000}.accent-yellow .button.primary-button:hover,.accent-yellow .category-circle:hover,.accent-yellow .icon-circle:hover,.button.primary-button.accent-yellow:hover,.category-circle.accent-yellow:hover,.icon-circle.accent-yellow:hover{background-color:#ffee0f}.accent-yellow .tertiary-button,.tertiary-button.accent-yellow{color:#ffad00!important}.accent-yellow .card-title,.accent-yellow .countdown-amount,.accent-yellow .gradient-text,.accent-yellow .headline-1,.accent-yellow .headline-2,.accent-yellow .headline-3,.accent-yellow .headline-4,.accent-yellow .package_price .price,.accent-yellow .subhead,.accent-yellow .subhead-small,.accent-yellow .subhead-tiny,.accent-yellow.dark-background .button.primary-button span,.accent-yellow.dark-background.button.primary-button span,.dark-background .accent-yellow.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#ffe000,#e69c00);color:#ffad00}.accent-yellow .colored-background,.accent-yellow.colored-background{background-color:#ffad00}.accent-yellow .gradient-background,.accent-yellow.gradient-background{background-image:-webkit-linear-gradient(120deg,#ffe000,#e69c00)}.accent-yellow .card-button:hover svg,.accent-yellow .current-item svg,.accent-yellow .icon-big,.accent-yellow .icon-small,.accent-yellow svg{fill:#ffad00}.accent-yellow .tertiary-button svg{fill:#ffad00!important}.accent-yellow .card-button:hover svg .transparent,.accent-yellow .current-item svg .transparent,.accent-yellow svg .transparent{fill:rgba(255,173,0,.4)}.accent-yellow .border-highlight{border-color:#ffad00}.accent-teal .colored-header,.accent-teal .colored-text,.accent-teal .current-item,.accent-teal a,.accent-teal.colored-text,.accent-teal.tab-navigation a:hover,.tab-navigation .accent-teal a:hover{color:#00b5e6}.accent-teal .button,.accent-teal .colored-background,.accent-teal.chip,.button.accent-teal,.colored-background.accent-teal,.tab-navigation .accent-teal .current-item:after{background-color:#00b5e6}.dark-background .accent-teal .button,.dark-background.accent-teal .button{color:#00b5e6!important}.accent-teal .button:hover,.button.accent-teal:hover{background-color:#00c5fa;box-shadow:0 12px 24px -6px rgba(0,181,230,.2)}.accent-teal .button.play-button,.button.accent-teal.play-button{background-color:#00e6dd}.accent-teal .button.play-button:hover,.button.accent-teal.play-button:hover{background-color:#00faf1}.accent-teal .icon-circle,.icon-circle.accent-teal{box-shadow:0 8px 20px -6px rgba(0,181,230,.9)}.accent-teal .icon-circle:hover,.icon-circle.accent-teal:hover{box-shadow:0 12px 20px -6px rgba(0,181,230,.7)}.accent-teal .button.primary-button,.accent-teal .category-circle,.accent-teal .icon-circle,.button.primary-button.accent-teal,.category-circle.accent-teal,.icon-circle.accent-teal{background:linear-gradient(120deg,rgba(0,181,230,0),#00a1cd);background-color:#00e3e6}.accent-teal .button.primary-button:hover,.accent-teal .category-circle:hover,.accent-teal .icon-circle:hover,.button.primary-button.accent-teal:hover,.category-circle.accent-teal:hover,.icon-circle.accent-teal:hover{background-color:#00f5ec}.accent-teal .tertiary-button,.tertiary-button.accent-teal{color:#00b5e6!important}.accent-teal .card-title,.accent-teal .countdown-amount,.accent-teal .gradient-text,.accent-teal .headline-1,.accent-teal .headline-2,.accent-teal .headline-3,.accent-teal .headline-4,.accent-teal .package_price .price,.accent-teal .subhead,.accent-teal .subhead-small,.accent-teal .subhead-tiny,.accent-teal.dark-background .button.primary-button span,.accent-teal.dark-background.button.primary-button span,.dark-background .accent-teal.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#00e3e6,#00a1cd);-webkit-background-clip:text;color:#00b5e6}.accent-teal .colored-background,.accent-teal.colored-background{background-color:#00b5e6}.accent-teal .gradient-background,.accent-teal.gradient-background{background-image:-webkit-linear-gradient(120deg,#0087e6,#00a1cd)}.accent-teal .card-button:hover svg,.accent-teal .current-item svg,.accent-teal .icon-big,.accent-teal .icon-small,.accent-teal .tertiary-button svg,.accent-teal svg{fill:#00b5e6}.accent-teal .tertiary-button svg{fill:#00b5e6!important}.accent-teal .card-button:hover svg .transparent,.accent-teal .current-item svg .transparent,.accent-teal svg .transparent{fill:rgba(0,181,230,.4)}.accent-teal .border-highlight{border-color:#00b5e6}.accent-light-blue .colored-header,.accent-light-blue .colored-text,.accent-light-blue .current-item,.accent-light-blue a,.accent-light-blue.colored-text,.accent-light-blue.tab-navigation a:hover,.tab-navigation .accent-light-blue a:hover{color:#6797ff}.accent-light-blue .button,.accent-light-blue .colored-background,.accent-light-blue.chip,.button.accent-light-blue,.colored-background.accent-light-blue,.tab-navigation .accent-light-blue .current-item:after{background-color:#6797ff}.dark-background .accent-light-blue .button,.dark-background.accent-light-blue .button{color:#6797ff!important}.accent-light-blue .button:hover,.button.accent-light-blue:hover{background-color:#7ba5ff;box-shadow:0 12px 24px -6px rgba(103,151,255,.2)}.accent-light-blue .button.play-button,.button.accent-light-blue.play-button{background-color:#67bdff}.accent-light-blue .button.play-button:hover,.button.accent-light-blue.play-button:hover{background-color:#7bc6ff}.accent-light-blue .icon-circle,.icon-circle.accent-light-blue{box-shadow:0 8px 20px -6px rgba(103,151,255,.9)}.accent-light-blue .icon-circle:hover,.icon-circle.accent-light-blue:hover{box-shadow:0 12px 20px -6px rgba(103,151,255,.7)}.accent-light-blue .button.primary-button,.accent-light-blue .category-circle,.accent-light-blue .icon-circle,.button.primary-button.accent-light-blue,.category-circle.accent-light-blue,.icon-circle.accent-light-blue{background:linear-gradient(120deg,rgba(103,151,255,0),#4d86ff);background-color:#67b5ff}.accent-light-blue .button.primary-button:hover,.accent-light-blue .category-circle:hover,.accent-light-blue .icon-circle:hover,.button.primary-button.accent-light-blue:hover,.category-circle.accent-light-blue:hover,.icon-circle.accent-light-blue:hover{background-color:#76c4ff}.accent-light-blue .tertiary-button,.tertiary-button.accent-light-blue{color:#6797ff!important}.accent-light-blue .card-title,.accent-light-blue .countdown-amount,.accent-light-blue .gradient-text,.accent-light-blue .headline-1,.accent-light-blue .headline-2,.accent-light-blue .headline-3,.accent-light-blue .headline-4,.accent-light-blue .package_price .price,.accent-light-blue .subhead,.accent-light-blue .subhead-small,.accent-light-blue .subhead-tiny,.accent-light-blue.dark-background .button.primary-button span,.accent-light-blue.dark-background.button.primary-button span,.dark-background .accent-light-blue.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#67b5ff,#4d86ff);-webkit-background-clip:text;color:#6797ff}.accent-light-blue .colored-background,.accent-light-blue.colored-background{background-color:#6797ff}.accent-light-blue .gradient-background,.accent-light-blue.gradient-background{background-image:-webkit-linear-gradient(120deg,#6779ff,#4d86ff)}.accent-light-blue .card-button:hover svg,.accent-light-blue .current-item svg,.accent-light-blue .icon-big,.accent-light-blue .icon-small,.accent-light-blue .tertiary-button svg,.accent-light-blue svg{fill:#6797ff}.accent-light-blue .tertiary-button svg{fill:#6797ff!important}.accent-light-blue .card-button:hover svg .transparent,.accent-light-blue .current-item svg .transparent,.accent-light-blue svg .transparent{fill:rgba(103,151,255,.4)}.accent-light-blue .border-highlight{border-color:#6797ff}.accent-blue .colored-header,.accent-blue .colored-text,.accent-blue .current-item,.accent-blue a,.accent-blue.colored-text,.accent-blue.tab-navigation a:hover,.tab-navigation .accent-blue a:hover{color:#3776ff}.accent-blue .button,.accent-blue .colored-background,.accent-blue.chip,.button.accent-blue,.colored-background.accent-blue,.tab-navigation .accent-blue .current-item:after{background-color:#3776ff}.dark-background .accent-blue .button,.dark-background.accent-blue .button{color:#3776ff!important}.accent-blue .button:hover,.button.accent-blue:hover{background-color:#4b84ff;box-shadow:0 12px 24px -6px rgba(55,118,255,.2)}.accent-blue .button.play-button,.button.accent-blue.play-button{background-color:#37a8ff}.accent-blue .button.play-button:hover,.button.accent-blue.play-button:hover{background-color:#4bb1ff}.accent-blue .icon-circle,.icon-circle.accent-blue{box-shadow:0 8px 20px -6px rgba(55,118,255,.9)}.accent-blue .icon-circle:hover,.icon-circle.accent-blue:hover{box-shadow:0 12px 20px -6px rgba(55,118,255,.7)}.accent-blue .button.primary-button,.accent-blue .category-circle,.accent-blue .icon-circle,.button.primary-button.accent-blue,.category-circle.accent-blue,.icon-circle.accent-blue{background:linear-gradient(120deg,rgba(55,118,255,0),#1e65ff);background-color:#379eff}.accent-blue .button.primary-button:hover,.accent-blue .category-circle:hover,.accent-blue .icon-circle:hover,.button.primary-button.accent-blue:hover,.category-circle.accent-blue:hover,.icon-circle.accent-blue:hover{background-color:#46afff}.accent-blue .tertiary-button,.tertiary-button.accent-blue{color:#3776ff!important}.accent-blue .card-title,.accent-blue .countdown-amount,.accent-blue .gradient-text,.accent-blue .headline-1,.accent-blue .headline-2,.accent-blue .headline-3,.accent-blue .headline-4,.accent-blue .package_price .price,.accent-blue .subhead,.accent-blue .subhead-small,.accent-blue .subhead-tiny,.accent-blue.dark-background .button.primary-button span,.accent-blue.dark-background.button.primary-button span,.dark-background .accent-blue.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#379eff,#1e65ff);-webkit-background-clip:text;color:#3776ff}.accent-blue .colored-background,.accent-blue.colored-background{background-color:#3776ff}.accent-blue .gradient-background,.accent-blue.gradient-background{background-image:-webkit-linear-gradient(120deg,#374eff,#1e65ff)}.accent-blue .card-button:hover svg,.accent-blue .current-item svg,.accent-blue .icon-big,.accent-blue .icon-small,.accent-blue .tertiary-button svg,.accent-blue svg{fill:#3776ff}.accent-blue .tertiary-button svg{fill:#3776ff!important}.accent-blue .card-button:hover svg .transparent,.accent-blue .current-item svg .transparent,.accent-blue svg .transparent{fill:rgba(55,118,255,.4)}.accent-blue .border-highlight{border-color:#3776ff}.accent-dark-blue .colored-header,.accent-dark-blue .colored-text,.accent-dark-blue .current-item,.accent-dark-blue a,.accent-dark-blue.colored-text,.accent-dark-blue.tab-navigation a:hover,.tab-navigation .accent-dark-blue a:hover{color:#262eeb}.accent-dark-blue .button,.accent-dark-blue .colored-background,.accent-dark-blue.chip,.button.accent-dark-blue,.colored-background.accent-dark-blue,.tab-navigation .accent-dark-blue .current-item:after{background-color:#262eeb}.dark-background .accent-dark-blue .button,.dark-background.accent-dark-blue .button{color:#262eeb!important}.accent-dark-blue .button:hover,.button.accent-dark-blue:hover{background-color:#3940ed;box-shadow:0 12px 24px -6px rgba(38,46,235,.2)}.accent-dark-blue .button.play-button,.button.accent-dark-blue.play-button{background-color:#265feb}.accent-dark-blue .button.play-button:hover,.button.accent-dark-blue.play-button:hover{background-color:#396ded}.accent-dark-blue .icon-circle,.icon-circle.accent-dark-blue{box-shadow:0 8px 20px -6px rgba(38,46,235,.9)}.accent-dark-blue .icon-circle:hover,.icon-circle.accent-dark-blue:hover{box-shadow:0 12px 20px -6px rgba(38,46,235,.7)}.accent-dark-blue .button.primary-button,.accent-dark-blue .category-circle,.accent-dark-blue .icon-circle,.button.primary-button.accent-dark-blue,.category-circle.accent-dark-blue,.icon-circle.accent-dark-blue{background:linear-gradient(120deg,rgba(38,46,235,0),#151de3);background-color:#2655eb}.accent-dark-blue .button.primary-button:hover,.accent-dark-blue .category-circle:hover,.accent-dark-blue .icon-circle:hover,.button.primary-button.accent-dark-blue:hover,.category-circle.accent-dark-blue:hover,.icon-circle.accent-dark-blue:hover{background-color:#346aec}.accent-dark-blue .tertiary-button,.tertiary-button.accent-dark-blue{color:#262eeb!important}.accent-dark-blue .card-title,.accent-dark-blue .countdown-amount,.accent-dark-blue .gradient-text,.accent-dark-blue .headline-1,.accent-dark-blue .headline-2,.accent-dark-blue .headline-3,.accent-dark-blue .headline-4,.accent-dark-blue .package_price .price,.accent-dark-blue .subhead,.accent-dark-blue .subhead-small,.accent-dark-blue .subhead-tiny,.accent-dark-blue.dark-background .button.primary-button span,.accent-dark-blue.dark-background.button.primary-button span,.dark-background .accent-dark-blue.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#2655eb,#151de3);-webkit-background-clip:text;color:#262eeb}.accent-dark-blue .colored-background,.accent-dark-blue.colored-background{background-color:#262eeb}.accent-dark-blue .gradient-background,.accent-dark-blue.gradient-background{background-image:-webkit-linear-gradient(120deg,#4526eb,#151de3)}.accent-dark-blue .card-button:hover svg,.accent-dark-blue .current-item svg,.accent-dark-blue .icon-big,.accent-dark-blue .icon-small,.accent-dark-blue .tertiary-button svg,.accent-dark-blue svg{fill:#262eeb}.accent-dark-blue .tertiary-button svg{fill:#262eeb!important}.accent-dark-blue .card-button:hover svg .transparent,.accent-dark-blue .current-item svg .transparent,.accent-dark-blue svg .transparent{fill:rgba(38,46,235,.4)}.accent-dark-blue .border-highlight{border-color:#262eeb}.accent-indigo .colored-header,.accent-indigo .colored-text,.accent-indigo .current-item,.accent-indigo a,.accent-indigo.colored-text,.accent-indigo.tab-navigation a:hover,.tab-navigation .accent-indigo a:hover{color:#4a42ec}.accent-indigo .button,.accent-indigo .colored-background,.accent-indigo.chip,.button.accent-indigo,.colored-background.accent-indigo,.tab-navigation .accent-indigo .current-item:after{background-color:#4a42ec}.dark-background .accent-indigo .button,.dark-background.accent-indigo .button{color:#4a42ec!important}.accent-indigo .button:hover,.button.accent-indigo:hover{background-color:#5c55ee;box-shadow:0 12px 24px -6px rgba(74,66,236,.2)}.accent-indigo .button.play-button,.button.accent-indigo.play-button{background-color:#4264ec}.accent-indigo .button.play-button:hover,.button.accent-indigo.play-button:hover{background-color:#5574ee}.accent-indigo .icon-circle,.icon-circle.accent-indigo{box-shadow:0 8px 20px -6px rgba(74,66,236,.9)}.accent-indigo .icon-circle:hover,.icon-circle.accent-indigo:hover{box-shadow:0 12px 20px -6px rgba(74,66,236,.7)}.accent-indigo .button.primary-button,.accent-indigo .category-circle,.accent-indigo .icon-circle,.button.primary-button.accent-indigo,.category-circle.accent-indigo,.icon-circle.accent-indigo{background:linear-gradient(120deg,rgba(74,66,236,0),#342bea);background-color:#425cec}.accent-indigo .button.primary-button:hover,.accent-indigo .category-circle:hover,.accent-indigo .icon-circle:hover,.button.primary-button.accent-indigo:hover,.category-circle.accent-indigo:hover,.icon-circle.accent-indigo:hover{background-color:#5070ed}.accent-indigo .tertiary-button,.tertiary-button.accent-indigo{color:#4a42ec!important}.accent-indigo .card-title,.accent-indigo .countdown-amount,.accent-indigo .gradient-text,.accent-indigo .headline-1,.accent-indigo .headline-2,.accent-indigo .headline-3,.accent-indigo .headline-4,.accent-indigo .package_price .price,.accent-indigo .subhead,.accent-indigo .subhead-small,.accent-indigo .subhead-tiny,.accent-indigo.dark-background .button.primary-button span,.accent-indigo.dark-background.button.primary-button span,.dark-background .accent-indigo.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#425cec,#342bea);-webkit-background-clip:text;color:#4a42ec}.accent-indigo .colored-background,.accent-indigo.colored-background{background-color:#4a42ec}.accent-indigo .gradient-background,.accent-indigo.gradient-background{background-image:-webkit-linear-gradient(120deg,#6c42ec,#342bea)}.accent-indigo .card-button:hover svg,.accent-indigo .current-item svg,.accent-indigo .icon-big,.accent-indigo .icon-small,.accent-indigo .tertiary-button svg,.accent-indigo svg{fill:#4a42ec}.accent-indigo .tertiary-button svg{fill:#4a42ec!important}.accent-indigo .card-button:hover svg .transparent,.accent-indigo .current-item svg .transparent,.accent-indigo svg .transparent{fill:rgba(74,66,236,.4)}.accent-indigo .border-highlight{border-color:#4a42ec}.accent-pink .colored-header,.accent-pink .colored-text,.accent-pink .current-item,.accent-pink a,.accent-pink.colored-text,.accent-pink.tab-navigation a:hover,.tab-navigation .accent-pink a:hover{color:#ff4a9e}.accent-pink .button,.accent-pink .colored-background,.accent-pink.chip,.button.accent-pink,.colored-background.accent-pink,.tab-navigation .accent-pink .current-item:after{background-color:#ff4a9e}.dark-background .accent-pink .button,.dark-background.accent-pink .button{color:#ff4a9e!important}.accent-pink .button:hover,.button.accent-pink:hover{background-color:#ff5ea9;box-shadow:0 12px 24px -6px rgba(255,74,158,.2)}.accent-pink .button.play-button,.button.accent-pink.play-button{background-color:#ff4acb}.accent-pink .button.play-button:hover,.button.accent-pink.play-button:hover{background-color:#ff5ed1}.accent-pink .icon-circle,.icon-circle.accent-pink{box-shadow:0 8px 20px -6px rgba(255,74,158,.9)}.accent-pink .icon-circle:hover,.icon-circle.accent-pink:hover{box-shadow:0 12px 20px -6px rgba(255,74,158,.7)}.accent-pink .button.primary-button,.accent-pink .category-circle,.accent-pink .icon-circle,.button.primary-button.accent-pink,.category-circle.accent-pink,.icon-circle.accent-pink{background:linear-gradient(120deg,rgba(255,74,158,0),#ff3190);background-color:#ff4ac2}.accent-pink .button.primary-button:hover,.accent-pink .category-circle:hover,.accent-pink .icon-circle:hover,.button.primary-button.accent-pink:hover,.category-circle.accent-pink:hover,.icon-circle.accent-pink:hover{background-color:#ff59d0}.accent-pink .tertiary-button,.tertiary-button.accent-pink{color:#ff4a9e!important}.accent-pink .card-title,.accent-pink .countdown-amount,.accent-pink .gradient-text,.accent-pink .headline-1,.accent-pink .headline-2,.accent-pink .headline-3,.accent-pink .headline-4,.accent-pink .package_price .price,.accent-pink .subhead,.accent-pink .subhead-small,.accent-pink .subhead-tiny,.accent-pink.dark-background .button.primary-button span,.accent-pink.dark-background.button.primary-button span,.dark-background .accent-pink.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#ff4ac2,#ff3190);-webkit-background-clip:text;color:#ff4a9e}.accent-pink .colored-background,.accent-pink.colored-background{background-color:#ff4a9e}.accent-pink .gradient-background,.accent-pink.gradient-background{background-image:-webkit-linear-gradient(120deg,#ff4a7a,#ff3190)}.accent-pink .card-button:hover svg,.accent-pink .current-item svg,.accent-pink .icon-big,.accent-pink .icon-small,.accent-pink .tertiary-button svg,.accent-pink svg{fill:#ff4a9e}.accent-pink .tertiary-button svg{fill:#ff4a9e!important}.accent-pink .card-button:hover svg .transparent,.accent-pink .current-item svg .transparent,.accent-pink svg .transparent{fill:rgba(255,74,158,.4)}.accent-pink .border-highlight{border-color:#ff4a9e}.accent-purple .colored-header,.accent-purple .colored-text,.accent-purple .current-item,.accent-purple a,.accent-purple.colored-text,.accent-purple.tab-navigation a:hover,.tab-navigation .accent-purple a:hover{color:#8f42ec}.accent-purple .button,.accent-purple .colored-background,.accent-purple.chip,.button.accent-purple,.tab-navigation .accent-purple .current-item:after{background-color:#8f42ec}.dark-background .accent-purple .button,.dark-background.accent-purple .button{color:#8f42ec!important}.accent-purple .button:hover,.button.accent-purple:hover{background-color:#9a55ee;box-shadow:0 12px 24px -6px rgba(143,66,236,.2)}.accent-purple .button.play-button,.button.accent-purple.play-button{background-color:#ba42ec}.accent-purple .button.play-button:hover,.button.accent-purple.play-button:hover{background-color:#c055ee}.accent-purple .icon-circle,.icon-circle.accent-purple{box-shadow:0 8px 20px -6px rgba(143,66,236,.9)}.accent-purple .icon-circle:hover,.icon-circle.accent-purple:hover{box-shadow:0 12px 20px -6px rgba(143,66,236,.7)}.accent-purple .button.primary-button,.accent-purple .category-circle,.accent-purple .icon-circle,.button.primary-button.accent-purple,.category-circle.accent-purple,.icon-circle.accent-purple{background:linear-gradient(120deg,rgba(143,66,236,0),#812bea);background-color:#b142ec}.accent-purple .button.primary-button:hover,.accent-purple .category-circle:hover,.accent-purple .icon-circle:hover,.button.primary-button.accent-purple:hover,.category-circle.accent-purple:hover,.icon-circle.accent-purple:hover{background-color:#bf50ed}.accent-purple .tertiary-button,.tertiary-button.accent-purple{color:#8f42ec!important}.accent-purple .card-title,.accent-purple .countdown-amount,.accent-purple .gradient-text,.accent-purple .headline-1,.accent-purple .headline-2,.accent-purple .headline-3,.accent-purple .headline-4,.accent-purple .package_price .price,.accent-purple .subhead,.accent-purple .subhead-small,.accent-purple .subhead-tiny,.accent-purple.dark-background .button.primary-button span,.accent-purple.dark-background.button.primary-button span,.dark-background .accent-purple.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#b142ec,#812bea);color:#8f42ec}.accent-purple .colored-background,.accent-purple.colored-background{background-color:#8f42ec}.accent-purple .gradient-background,.accent-purple.gradient-background{background-image:-webkit-linear-gradient(120deg,#b142ec,#812bea)}.accent-purple .card-button:hover svg,.accent-purple .current-item svg,.accent-purple .icon-big,.accent-purple .icon-small,.accent-purple svg{fill:#8f42ec}.accent-purple .tertiary-button svg{fill:#8f42ec!important}.accent-purple .card-button:hover svg .transparent,.accent-purple .current-item svg .transparent,.accent-purple svg .transparent{fill:rgba(143,66,236,.4)}.accent-purple .border-highlight{border-color:#8f42ec}.accent-green .colored-header,.accent-green .colored-text,.accent-green .current-item,.accent-green a,.accent-green.colored-text,.accent-green.tab-navigation a:hover,.tab-navigation .accent-green a:hover{color:#34dd87}.accent-green .button,.accent-green .colored-background,.accent-green.chip,.button.accent-green,.tab-navigation .accent-green .current-item:after{background-color:#34dd87}.dark-background .accent-green .button,.dark-background.accent-green .button{color:#34dd87!important}.accent-green .button:hover,.button.accent-green:hover{background-color:#45e091;box-shadow:0 12px 24px -6px rgba(52,221,135,.2)}.accent-green .button.play-button,.button.accent-green.play-button{background-color:#34ddb1}.accent-green .button.play-button:hover,.button.accent-green.play-button:hover{background-color:#45e0b8}.accent-green .icon-circle,.icon-circle.accent-green{box-shadow:0 8px 20px -6px rgba(52,221,135,.9)}.accent-green .icon-circle:hover,.icon-circle.accent-green:hover{box-shadow:0 12px 20px -6px rgba(52,221,135,.7)}.accent-green .button.primary-button,.accent-green .category-circle,.accent-green .icon-circle,.button.primary-button.accent-green,.category-circle.accent-green,.icon-circle.accent-green{background:linear-gradient(120deg,rgba(52,221,135,0),#24d47a);background-color:#34dda9}.accent-green .button.primary-button:hover,.accent-green .category-circle:hover,.accent-green .icon-circle:hover,.button.primary-button.accent-green:hover,.category-circle.accent-green:hover,.icon-circle.accent-green:hover{background-color:#41dfb6}.accent-green .tertiary-button,.tertiary-button.accent-green{color:#34dd87!important}.accent-green .card-title,.accent-green .countdown-amount,.accent-green .gradient-text,.accent-green .headline-1,.accent-green .headline-2,.accent-green .headline-3,.accent-green .headline-4,.accent-green .package_price .price,.accent-green .subhead,.accent-green .subhead-small,.accent-green .subhead-tiny,.accent-green.dark-background .button.primary-button span,.accent-green.dark-background.button.primary-button span,.dark-background .accent-green.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#34dda9,#24d47a);color:#34dd87}.accent-green .colored-background,.accent-green.colored-background{background-color:#34dd87}.accent-green .gradient-background,.accent-green.gradient-background{background-image:-webkit-linear-gradient(120deg,#34dda9,#24d47a)}.accent-green .card-button:hover svg,.accent-green .current-item svg,.accent-green .icon-big,.accent-green .icon-small,.accent-green svg{fill:#34dd87}.accent-green .tertiary-button svg{fill:#34dd87!important}.accent-green .card-button:hover svg .transparent,.accent-green .current-item svg .transparent,.accent-green svg .transparent{fill:rgba(52,221,135,.4)}.accent-green .border-highlight{border-color:#34dd87}.accent-red .colored-header,.accent-red .colored-text,.accent-red .current-item,.accent-red a,.accent-red.colored-text,.accent-red.tab-navigation a:hover,.tab-navigation .accent-red a:hover{color:#ff4c00}.accent-red .button,.accent-red .colored-background,.accent-red.chip,.button.accent-red,.tab-navigation .accent-red .current-item:after{background-color:#ff4c00}.dark-background .accent-red .button,.dark-background.accent-red .button{color:#ff4c00!important}.accent-red .button:hover,.button.accent-red:hover{background-color:#ff5a14;box-shadow:0 12px 24px -6px rgba(255,76,0,.2)}.accent-red .button.play-button,.button.accent-red.play-button{background-color:#ff8c00}.accent-red .button.play-button:hover,.button.accent-red.play-button:hover{background-color:#ff9514}.accent-red .icon-circle,.icon-circle.accent-red{box-shadow:0 8px 20px -6px rgba(255,76,0,.9)}.accent-red .icon-circle:hover,.icon-circle.accent-red:hover{box-shadow:0 12px 20px -6px rgba(255,76,0,.7)}.accent-red .button.primary-button,.accent-red .category-circle,.accent-red .icon-circle,.button.primary-button.accent-red,.category-circle.accent-red,.icon-circle.accent-red{background:linear-gradient(120deg,rgba(255,76,0,0),#e64400);background-color:#ff7f00}.accent-red .button.primary-button:hover,.accent-red .category-circle:hover,.accent-red .icon-circle:hover,.button.primary-button.accent-red:hover,.category-circle.accent-red:hover,.icon-circle.accent-red:hover{background-color:#ff930f}.accent-red .tertiary-button,.tertiary-button.accent-red{color:#ff4c00!important}.accent-red .card-title,.accent-red .countdown-amount,.accent-red .gradient-text,.accent-red .headline-1,.accent-red .headline-2,.accent-red .headline-3,.accent-red .headline-4,.accent-red .package_price .price,.accent-red .subhead,.accent-red .subhead-small,.accent-red .subhead-tiny,.accent-red.dark-background .button.primary-button span,.accent-red.dark-background.button.primary-button span,.dark-background .accent-red.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#ff7f00,#e64400);color:#ff4c00}.accent-red .colored-background,.accent-red.colored-background{background-color:#ff4c00}.accent-red .gradient-background,.accent-red.gradient-background{background-image:-webkit-linear-gradient(120deg,#ff7f00,#e64400)}.accent-red .card-button:hover svg,.accent-red .current-item svg,.accent-red .icon-big,.accent-red .icon-small,.accent-red svg{fill:#ff4c00}.accent-red .tertiary-button svg{fill:#ff4c00!important}.accent-red .card-button:hover svg .transparent,.accent-red .current-item svg .transparent,.accent-red svg .transparent{fill:rgba(255,76,0,.4)}.accent-red .border-highlight{border-color:#ff4c00}.accent-orange .colored-header,.accent-orange .colored-text,.accent-orange .current-item,.accent-orange a,.accent-orange.colored-text,.accent-orange.tab-navigation a:hover,.tab-navigation .accent-orange a:hover{color:#ff7b2b}.accent-orange .button,.accent-orange .colored-background,.accent-orange.chip,.button.accent-orange,.tab-navigation .accent-orange .current-item:after{background-color:#ff7b2b}.dark-background .accent-orange .button,.dark-background.accent-orange .button{color:#ff7b2b!important}.accent-orange .button:hover,.button.accent-orange:hover{background-color:#ff883f;box-shadow:0 12px 24px -6px rgba(255,123,43,.2)}.accent-orange .button.play-button,.button.accent-orange.play-button{background-color:#ffb02b}.accent-orange .button.play-button:hover,.button.accent-orange.play-button:hover{background-color:#ffb83f}.accent-orange .icon-circle,.icon-circle.accent-orange{box-shadow:0 8px 20px -6px rgba(255,123,43,.9)}.accent-orange .icon-circle:hover,.icon-circle.accent-orange:hover{box-shadow:0 12px 20px -6px rgba(255,123,43,.7)}.accent-orange .button.primary-button,.accent-orange .category-circle,.accent-orange .icon-circle,.button.primary-button.accent-orange,.category-circle.accent-orange,.icon-circle.accent-orange{background:linear-gradient(120deg,rgba(255,123,43,0),#ff6b12);background-color:#ffa52b}.accent-orange .button.primary-button:hover,.accent-orange .category-circle:hover,.accent-orange .icon-circle:hover,.button.primary-button.accent-orange:hover,.category-circle.accent-orange:hover,.icon-circle.accent-orange:hover{background-color:#ffb63a}.accent-orange .tertiary-button,.tertiary-button.accent-orange{color:#ff7b2b!important}.accent-orange .card-title,.accent-orange .countdown-amount,.accent-orange .gradient-text,.accent-orange .headline-1,.accent-orange .headline-2,.accent-orange .headline-3,.accent-orange .headline-4,.accent-orange .package_price .price,.accent-orange .subhead,.accent-orange .subhead-small,.accent-orange .subhead-tiny,.accent-orange.dark-background .button.primary-button span,.accent-orange.dark-background.button.primary-button span,.dark-background .accent-orange.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#ffa52b,#ff6b12);color:#ff7b2b}.accent-orange .colored-background,.accent-orange.colored-background{background-color:#ff7b2b}.accent-orange .gradient-background,.accent-orange.gradient-background{background-image:-webkit-linear-gradient(120deg,#ffa52b,#ff6b12)}.accent-orange .card-button:hover svg,.accent-orange .current-item svg,.accent-orange .icon-big,.accent-orange .icon-small,.accent-orange svg{fill:#ff7b2b}.accent-orange .tertiary-button svg{fill:#ff7b2b!important}.accent-orange .card-button:hover svg .transparent,.accent-orange .current-item svg .transparent,.accent-orange svg .transparent{fill:rgba(255,123,43,.4)}.accent-orange .border-highlight{border-color:#ff7b2b}.accent-navy .colored-header,.accent-navy .colored-text,.accent-navy .current-item,.accent-navy a,.accent-navy.colored-text,.accent-navy.tab-navigation a:hover,.tab-navigation .accent-navy a:hover{color:#293038}.accent-navy .button,.accent-navy .colored-background,.accent-navy.chip,.button.accent-navy,.tab-navigation .accent-navy .current-item:after{background-color:#293038}.dark-background .accent-navy .button,.dark-background.accent-navy .button{color:#293038!important}.accent-navy .button:hover,.button.accent-navy:hover{background-color:#323a44;box-shadow:0 12px 24px -6px rgba(41,48,56,.2)}.accent-navy .button.play-button,.button.accent-navy.play-button{background-color:#292c38}.accent-navy .button.play-button:hover,.button.accent-navy.play-button:hover{background-color:#323644}.accent-navy .icon-circle,.icon-circle.accent-navy{box-shadow:0 8px 20px -6px rgba(41,48,56,.9)}.accent-navy .icon-circle:hover,.icon-circle.accent-navy:hover{box-shadow:0 12px 20px -6px rgba(41,48,56,.7)}.accent-navy .button.primary-button,.accent-navy .category-circle,.accent-navy .icon-circle,.button.primary-button.accent-navy,.category-circle.accent-navy,.icon-circle.accent-navy{background:linear-gradient(120deg,rgba(41,48,56,0),#1e2329);background-color:#292d38}.accent-navy .button.primary-button:hover,.accent-navy .category-circle:hover,.accent-navy .icon-circle:hover,.button.primary-button.accent-navy:hover,.category-circle.accent-navy:hover,.icon-circle.accent-navy:hover{background-color:#2f3341}.accent-navy .tertiary-button,.tertiary-button.accent-navy{color:#293038!important}.accent-navy .card-title,.accent-navy .countdown-amount,.accent-navy .gradient-text,.accent-navy .headline-1,.accent-navy .headline-2,.accent-navy .headline-3,.accent-navy .headline-4,.accent-navy .package_price .price,.accent-navy .subhead,.accent-navy .subhead-small,.accent-navy .subhead-tiny,.accent-navy.dark-background .button.primary-button span,.accent-navy.dark-background.button.primary-button span,.dark-background .accent-navy.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#292d38,#1e2329);color:#293038}.accent-navy .colored-background,.accent-navy.colored-background{background-color:#293038}.accent-navy .gradient-background,.accent-navy.gradient-background{background-image:-webkit-linear-gradient(120deg,#292d38,#1e2329)}.accent-navy .card-button:hover svg,.accent-navy .current-item svg,.accent-navy .icon-big,.accent-navy .icon-small,.accent-navy svg{fill:#293038}.accent-navy .tertiary-button svg{fill:#293038!important}.accent-navy .card-button:hover svg .transparent,.accent-navy .current-item svg .transparent,.accent-navy svg .transparent{fill:rgba(41,48,56,.4)}.accent-navy .border-highlight{border-color:#293038}.accent-dark-gray .colored-header,.accent-dark-gray .colored-text,.accent-dark-gray .current-item,.accent-dark-gray a,.accent-dark-gray.colored-text,.accent-dark-gray.tab-navigation a:hover,.tab-navigation .accent-dark-gray a:hover{color:#6d7c90}.accent-dark-gray .button,.accent-dark-gray .colored-background,.accent-dark-gray.chip,.button.accent-dark-gray,.tab-navigation .accent-dark-gray .current-item:after{background-color:#6d7c90}.dark-background .accent-dark-gray .button,.dark-background.accent-dark-gray .button{color:#6d7c90!important}.accent-dark-gray .button:hover,.button.accent-dark-gray:hover{background-color:#788699;box-shadow:0 12px 24px -6px rgba(109,124,144,.2)}.accent-dark-gray .button.play-button,.button.accent-dark-gray.play-button{background-color:#6d7390}.accent-dark-gray .button.play-button:hover,.button.accent-dark-gray.play-button:hover{background-color:#787e99}.accent-dark-gray .icon-circle,.icon-circle.accent-dark-gray{box-shadow:0 8px 20px -6px rgba(109,124,144,.9)}.accent-dark-gray .icon-circle:hover,.icon-circle.accent-dark-gray:hover{box-shadow:0 12px 20px -6px rgba(109,124,144,.7)}.accent-dark-gray .button.primary-button,.accent-dark-gray .category-circle,.accent-dark-gray .icon-circle,.button.primary-button.accent-dark-gray,.category-circle.accent-dark-gray,.icon-circle.accent-dark-gray{background:linear-gradient(120deg,rgba(109,124,144,0),#627081);background-color:#6d7590}.accent-dark-gray .button.primary-button:hover,.accent-dark-gray .category-circle:hover,.accent-dark-gray .icon-circle:hover,.button.primary-button.accent-dark-gray:hover,.category-circle.accent-dark-gray:hover,.icon-circle.accent-dark-gray:hover{background-color:#757b97}.accent-dark-gray .tertiary-button,.tertiary-button.accent-dark-gray{color:#6d7c90!important}.accent-dark-gray .card-title,.accent-dark-gray .countdown-amount,.accent-dark-gray .gradient-text,.accent-dark-gray .headline-1,.accent-dark-gray .headline-2,.accent-dark-gray .headline-3,.accent-dark-gray .headline-4,.accent-dark-gray .package_price .price,.accent-dark-gray .subhead,.accent-dark-gray .subhead-small,.accent-dark-gray .subhead-tiny,.accent-dark-gray.dark-background .button.primary-button span,.accent-dark-gray.dark-background.button.primary-button span,.dark-background .accent-dark-gray.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#6d7590,#627081);color:#6d7c90}.accent-dark-gray .colored-background,.accent-dark-gray.colored-background{background-color:#6d7c90}.accent-dark-gray .gradient-background,.accent-dark-gray.gradient-background{background-image:-webkit-linear-gradient(120deg,#6d7590,#627081)}.accent-dark-gray .card-button:hover svg,.accent-dark-gray .current-item svg,.accent-dark-gray .icon-big,.accent-dark-gray .icon-small,.accent-dark-gray svg{fill:#6d7c90}.accent-dark-gray .tertiary-button svg{fill:#6d7c90!important}.accent-dark-gray .card-button:hover svg .transparent,.accent-dark-gray .current-item svg .transparent,.accent-dark-gray svg .transparent{fill:rgba(109,124,144,.4)}.accent-dark-gray .border-highlight{border-color:#6d7c90}.accent-ai .gradient-text{-webkit-text-fill-color:transparent!important;background:linear-gradient(120deg,#5200ff,#00c9ff 60%)!important;-webkit-background-clip:text!important;color:#00c9ff!important}.accent-ai .button:not(.tertiary-button){background:linear-gradient(120deg,#00c9ff,#5200ff)!important;background-color:#00e3e6!important}h1,h2,h3,h4,h5,h6{color:#20292f;font-weight:700;line-height:1.6em;margin:.2em 0 .4em;max-width:850px;width:100%}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}.centered h1,.centered h2,.centered h3,.centered h4,.centered h5,.centered h6{margin-left:auto;margin-right:auto}h1{font-size:2.3rem;line-height:1.4em;max-width:800px}h2{font-size:1.8rem;line-height:1.25em}@media (max-width:768px){h2{font-size:1.5rem}}@media (max-width:480px){h2{font-size:1.3rem;line-height:1.4em}}.card-featured h2:not(.headline-2){font-size:2.2em}@media (max-width:670px){.card-featured h2:not(.headline-2){font-size:1.7rem}}@media (max-width:480px){.card-featured h2:not(.headline-2){font-size:1.3rem;line-height:1.4em}}h3{font-size:1.5rem;line-height:1.3em}@media (max-width:768px){h3{font-size:1.4rem}}@media (max-width:480px){h3{font-size:1.2rem}}.blurb h3,h4{font-size:1.1rem;line-height:1.4em}@media (max-width:480px){.blurb h3,h4{font-size:1rem}}h5{font-size:1rem}h6{font-size:.85rem}em{font-style:italic}p{color:#6d7c90;width:100%}p.lead{font-size:1.1em;max-width:850px}p:last-child{margin-bottom:0}p b,p strong{color:#20292f;font-weight:600}p>a{font-weight:700}.hidden{display:none!important}.body-small{font-size:.88em;line-height:1.75em}.body-small strong{color:#20292f;font-weight:600}.body-small li{line-height:1em}.body-dense{font-size:.76em;line-height:1.85em}a{cursor:pointer;text-decoration:none}.link-list a:hover,a:hover{color:#3776ff}.dark-background a:hover{color:#fff}ol,ol li,p,ul,ul li{margin-bottom:1em}ol+p,p+h1,p+h2,p+h3,p+h4,p+h5,p+p,ul+p{margin-top:1em}ul.centered a{justify-content:center}ul.link-list{color:#6d7c90}ul.link-list .link-list-header{background:#fff;border-bottom:2px solid #edf1f3;border-top:2px solid #edf1f3;color:#20292f;font-weight:600;margin:-24px -32px 20px;padding:10px}.card-medium ul.link-list .link-list-header{margin-left:-24px;margin-right:-24px}.card-small ul.link-list .link-list-header{margin-left:-16px;margin-right:-16px}ul.link-list a{color:#6d7c90}ul.link-list.with-link-icon a{display:flex;transform:translateX(14px)}ul.link-list.with-link-icon a svg{transition:all .3s cubic-bezier(.4,0,.2,1)}ul.link-list.with-link-icon a:hover svg{transform:translateX(4px)}code,pre{background:rgba(109,124,144,.1);padding:16px}i{font-style:italic}.no-wrap{white-space:nowrap}iframe{max-width:100%}iframe.e-embed-frame{max-width:540px!important;min-width:auto!important;width:100%!important}img{align-self:center;display:block;max-width:100%;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible}img:not(.lazy){height:auto}img.lazy{opacity:0;visibility:hidden}img.fullwidth-image{max-width:none;width:100%}img.border-highlight{border:4px solid;border-radius:8px;padding:10px}video{background:linear-gradient(120deg,#e8ebee,#c7ccd3);max-width:100%;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible}video:not(.lazy){height:auto}video.lazy{opacity:0;visibility:hidden}@media (min-width:769px){img.image-offset-right,video.image-offset-right{align-self:flex-start;max-width:160%;width:160%}img.image-offset-left,video.image-offset-left{margin-left:-60%;max-width:160%;width:160%}img.image-offset-big-right,video.image-offset-big-right{align-self:flex-start;max-width:187%;width:187%}img.image-offset-big-left,video.image-offset-big-left{margin-left:-87%;max-width:187%;width:187%}}.inline-element{display:inline}.dark-background .headline-1,.dark-background .headline-2,.dark-background .headline-3,.dark-background .headline-4,.dark-background .subhead,.dark-background .subhead-small,.dark-background .subhead-tiny,.dark-background h1,.dark-background h2,.dark-background h3,.dark-background h4,.dark-background h5,.dark-background h6,.dark-background li,.dark-background p,.dark-background p a,.dark-background ul{-webkit-text-fill-color:#fff;background:none;color:#fff}.dark-background strong{color:#fff}.dark-background p a{font-weight:800;text-decoration:underline}.headline-1.black-header,.headline-2.black-header,.headline-3.black-header,.headline-4.black-header{-webkit-text-fill-color:inherit;color:#20292f}.headline-1{font-size:120px;font-weight:900;line-height:1em;margin-bottom:.2em}@media (max-width:1300px){.headline-1{font-size:10vw}}@media (max-width:1024px){.headline-1{font-size:13vw}}@media (max-width:768px){.headline-1{font-size:16vw}}.headline-2{font-size:80px;font-weight:900;line-height:1.2em;margin-bottom:.2em}@media (max-width:1300px){.headline-2{font-size:7vw}}@media (max-width:1024px){.headline-2{font-size:9vw}}@media (max-width:768px){.headline-2{margin-bottom:.4em}}.headline-3{font-size:50px;font-weight:900;line-height:1.2em}@media (max-width:1024px){.headline-3{font-size:6vw}}.headline-4{font-size:40px;font-weight:900;line-height:1.2em}@media (max-width:1024px){.headline-4{font-size:5vw}}#footer-menu h3,.card-title,.subhead,.subhead-small,.subhead-tiny,.tab-navigation a,.tab-navigation-narrow,nav a.menu-item{font-size:.85em;font-weight:700;letter-spacing:2px;line-height:1.7em;margin-bottom:.6em;text-transform:uppercase}#footer-menu h3,.subhead-small,.tab-navigation-narrow,nav a.menu-item{font-size:.8em}.subhead-tiny{font-size:.65em;font-weight:900;letter-spacing:.15em}.card-title{font-size:15px}.button{align-self:flex-start;border:none;border-radius:100px;color:#fff!important;cursor:pointer;font-family:Lato,sans-serif;font-size:12px;font-weight:900;justify-content:center;letter-spacing:1px;line-height:28px;margin-bottom:16px;padding:8px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.button:active:focus,.button:focus{outline:none}.button.right-aligned-button{align-self:flex-end}.button:hover{transform:translateY(-1px)}.button.chip,.button.tertiary-button{background-color:#f2f4f5}.button.chip:hover,.button.tertiary-button:hover{background-color:#eceef1;box-shadow:none}.button.chip{color:#6d7c90!important}.button.primary-button{font-size:15px;padding:12px 32px}.button.text-button{background:none;margin-bottom:0;padding:0}.button.text-button:hover{background:none!important;transform:none!important}.button.switch-button{background:none;margin-bottom:0;padding:0}.button.switch-button:hover{transform:none!important}.button.dark-background.primary-button,.button.dark-background.primary-button:hover,.dark-background .button,.dark-background .button.primary-button,.dark-background .button.primary-button:hover,.dark-background .button:hover{background:#fff}.dark-background .button.outline-button,.dark-background .button.outline-button:hover{background:transparent;border:2px solid #fff;color:#fff!important}.button.fullwidth-button{width:100%}.button.inline-button{display:inline-block}.right-align-items.button{margin-right:0}p+.button{margin-top:1.5em}.button svg{fill:#fff!important}.dark-background .button svg{fill:#000!important}.button.play-button{padding-left:8px}.dark-background .button.play-button{background:#fff!important}.centered .button{align-self:center}.button-callout{opacity:0;position:absolute;visibility:hidden}.with-callout{position:relative}.tab-navigation{margin:0}.tab-navigation li{display:flex;margin:0!important;position:relative;text-align:center}.tab-navigation li a{color:#6d7c90;margin:0!important;padding:16px 20px;position:relative}.tab-navigation-narrow.tab-navigation li a{letter-spacing:1px;padding-left:16px;padding-right:16px}.tab-navigation li a.callout{background:#34dd87;border-radius:8px;bottom:-46px;color:#fff;display:block;font-size:12px;left:50%;opacity:0;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;visibility:hidden;width:210px;z-index:9}.tab-navigation li a.callout:hover{color:#fff;transform:translateX(-50%) scale(1.1)}.tab-navigation li a.callout:before{background:transparent;border-bottom:10px solid #34dd87;border-left:10px solid transparent;border-right:10px solid transparent;content:"";display:block;height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0}.tab-navigation li a.callout:after{display:none}.tab-navigation li a.current-item:after{border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-navigation li a:after,.tab-navigation li a:before{bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.tab-navigation li a:before{background:#e1e4e8;margin-left:0;margin-right:0}.tab-navigation:hover li a.callout{bottom:-36px;opacity:1;visibility:visible}.icon-tabs li a{align-items:center;display:flex}.icon-tabs li a svg{margin-right:10px}.card,.rounded-corners{border-radius:8px}.card{background-color:#fff;box-shadow:0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11);margin-top:24px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:first-of-type{margin-top:0}.card>:last-child:not(.row-container,.row,.column){margin-bottom:0}.card.transparent-card{background:transparent}.card.card-medium{padding:24px}.card.card-small{padding:16px}.card.card-full-bleed,img.card{padding:0}.card .card-full-bleed-inset-container,.card .card-inset-container{align-self:stretch;margin:32px -32px}.card .card-full-bleed-inset-container:first-child,.card .card-inset-container:first-child{margin-top:-32px}.card .card-full-bleed-inset-container:last-child,.card .card-inset-container:last-child{margin-bottom:-32px!important}.card .card-full-bleed-inset-container>:last-child,.card .card-inset-container>:last-child{margin-bottom:0}.card-medium.card .card-full-bleed-inset-container,.card-medium.card .card-inset-container{margin:16px -24px}.card-medium.card .card-full-bleed-inset-container:first-child,.card-medium.card .card-inset-container:first-child{margin-top:-24px}.card-medium.card .card-full-bleed-inset-container:last-child,.card-medium.card .card-inset-container:last-child{margin-bottom:-24px!important}.card-small.card .card-full-bleed-inset-container,.card-small.card .card-inset-container{margin:24px -16px}.card-small.card .card-full-bleed-inset-container:first-child,.card-small.card .card-inset-container:first-child{margin-top:-24px}.card-small.card .card-full-bleed-inset-container:last-child,.card-small.card .card-inset-container:last-child{margin-bottom:-24px!important}.card .card-inset-container{background:rgba(109,124,144,.04);padding:24px 32px}.card-medium.card .card-inset-container{padding:16px 24px}.card-small.card .card-inset-container{padding:16px}.border-card{border:2px solid rgba(109,124,144,.12);box-shadow:none}.elipses{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-button{background-color:#fff;color:#20292f!important;font-size:11px;font-weight:900;letter-spacing:1px;line-height:1.4em;padding:16px;text-transform:uppercase}.card-button svg{fill:rgba(109,124,144,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-button svg .transparent{fill:rgba(109,124,144,.25);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-button.current-item,.card-button:hover{background-color:#fff;box-shadow:0 10px 70px 0 rgba(103,151,255,.22),0 15px 105px 0 rgba(103,151,255,.22);margin-left:-6px;margin-right:-6px}.badge{border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:800;padding:0 8px}.bottom-border{border-bottom:1px solid rgba(109,124,144,.12);padding-bottom:16px}.button,.card-button{align-items:center;display:flex;text-decoration:none}.button svg,.card-button svg{height:28px;margin:0 12px 0 0;width:28px}.row.product-feature{margin-bottom:13%;margin-top:13%}.row.product-feature:first-child{margin-top:4%}.row.product-feature:last-child{margin-bottom:4%}.icon-container{border-radius:100px;box-shadow:0 4px 24px 0 rgba(103,151,255,.1),0 12px 64px 0 rgba(103,151,255,.1);padding:24px}.icon-container img{margin:0!important}.icon-big,.icon-container,.icon-small{display:flex;flex-shrink:0}.icon-big svg,.icon-container svg,.icon-small svg{display:flex}.icon-small svg,svg.icon-small{height:28px;width:28px}.icon-big svg,svg.icon-big{height:64px;width:64px}svg.ui-icon{fill:#6d7c90}.dark-background .icon-big{fill:#fff}.dark-background .icon-big .transparent{fill:hsla(0,0%,100%,.5)}section{display:flex;flex-direction:column;margin-bottom:48px;margin-top:48px;position:relative}#main-nav+section{margin-top:0;padding-top:100px}section.padded-section{padding:8vw 0}.row-container{margin:auto;max-width:90%;position:relative;width:1120px}.row-container.extra-wide-width{width:1800px}.row-container.wide-width{width:1440px}.row-container.medium-width{width:1200px}.row-container.narrow{width:960px}.row-container.thin{width:560px}.row-container.skinny{width:480px}.row-container.small-width{width:800px}.row-container.fullwidth{max-width:100%;width:100%}.row{display:flex;flex-wrap:wrap;margin:4% -2.5%;max-width:105%;position:relative}.row.small-gutters{margin-left:-1.5%;margin-right:-1.5%;max-width:103%}.row.tiny-gutters{margin-left:-.75%;margin-right:-.75%;max-width:101.5%}.row.wide-gutters{margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.row.centered{justify-content:center}.row.card{margin-bottom:4%;margin-top:4%}.card .row,.row.card{margin-left:0;margin-right:0}.row.narrow{align-self:center;width:960px}.column-container{display:flex;flex-direction:column;padding:0 2.375%}.small-gutters .column-container{padding:0 1.455%}.tiny-gutters .column-container{padding:0 .73875%}.column-container .no-gutters{padding:0}.wide-gutters .column-container{padding:0 3.255%}.bottom-align-columns .column-container{justify-content:flex-end}.column-container.column-width-auto,.column-width-auto .column-container{flex:none}.column{display:flex;flex-direction:column;min-width:100%}.column>div,.column>img,.column>object{margin-bottom:2em}.column.small-spacing>div,.column.small-spacing>img,.column.small-spacing>object,.hosting-card .column>img{margin-bottom:1em}.equal-column-heights .column{flex:1}.bottom-align-last-items.equal-column-heights .column>:last-child{margin-top:auto}.center-align-last-items.equal-column-heights .column>:last-child{margin-bottom:auto;margin-top:auto}.column:not(.inline-elements)>:last-child{margin-bottom:0}.centered,.column .centered,.column.centered{align-items:center!important;text-align:center}.inline-elements{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.inline-elements>*{margin-right:5%}.inline-elements>:last-child{margin-right:0!important}.inline-elements.small-gutters>*{margin-right:3%}.right-align-items.inline-elements.small-gutters>*{margin-left:3%}.inline-elements.tiny-gutters>*{margin-right:1.5%}.right-align-items.inline-elements.tiny-gutters>*{margin-left:1.5%}.inline-elements.centered{align-items:flex-start;justify-content:center}.inline-elements.centered>*{margin-left:2.5%;margin-right:2.5%}.inline-elements.centered.small-gutters>*{margin-left:1.5%;margin-right:1.5%}.inline-elements.centered.tiny-gutters>*{margin-left:.75%;margin-right:.75%}.inline-elements.right-align-items{justify-content:flex-end}.right-align-items.inline-elements.right-align-items>*{margin-right:0!important}p+.inline-elements{margin-top:1.5em}.flex{display:flex}.flex.flex-column{flex-direction:column}.overflow-hidden{overflow:hidden}.button-group{grid-column-gap:16px;display:flex;flex-direction:row;flex-wrap:wrap}.fill-space{flex:1}@media only screen and (min-width:769px){.column-container{flex:1}body.single-post .article-container .column-container{flex:auto}.center-align-columns .column-container{justify-content:center}.two-column .column-container{flex:0 0 50%!important;max-width:50%!important}.two-column .column-container:nth-of-type(-n+2){margin-top:0!important}.three-column .column-container{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.three-column .column-container:nth-of-type(-n+3){margin-top:0!important}.four-column .column-container{flex:0 0 25%!important;max-width:25%!important}.four-column .column-container:nth-of-type(-n+4){margin-top:0!important}.five-column .column-container{flex:0 0 20%!important;max-width:20%!important}.five-column .column-container:nth-of-type(-n+5){margin-top:0!important}.product-feature-reverse .row.product-feature,.product-feature-river .row.product-feature:nth-child(2n),.product-feature-river-reverse .row.product-feature:nth-child(odd){flex-direction:row-reverse}}.column-1{flex:0 0 8.33333333%!important;max-width:8.33333333%!important}.column-2{flex:0 0 16.66666667%!important;max-width:16.66666667%!important}.column-2_4{flex:0 0 20%!important;max-width:20%!important}.column-3{flex:0 0 25%!important;max-width:25%!important}.column-4{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.column-5{flex:0 0 41.66666667%!important;max-width:41.66666667%!important}.column-6{flex:0 0 50%!important;max-width:50%!important}.column-7{flex:0 0 58.33333333%!important;max-width:58.33333333%!important}.column-8{flex:0 0 66.66666667%!important;max-width:66.66666667%!important}.column-9{flex:0 0 75%!important;max-width:75%!important}.column-10{flex:0 0 83.33333333%!important;max-width:83.33333333%!important}.column-11{flex:0 0 91.66666667%!important;max-width:91.66666667%!important}.column-12{flex:0 0 100%!important;max-width:100%!important}.five-column .column-container,.four-column .column-container,.three-column .column-container,.two-column .column-container{margin-top:5%}.small-gutters.five-column .column-container,.small-gutters.four-column .column-container,.small-gutters.three-column .column-container,.small-gutters.two-column .column-container{margin-top:3%}.tiny-gutters.five-column .column-container,.tiny-gutters.four-column .column-container,.tiny-gutters.three-column .column-container,.tiny-gutters.two-column .column-container{margin-top:1.5%}@media only screen and (max-width:960px) and (min-width:671px){.column-container:not(.retain-width-on-mobile),.product-feature .column-container:not(.retain-width-on-mobile){flex:1;max-width:none}}@media only screen and (max-width:768px) and (min-width:671px){.column-1-tablet{flex:0 0 8.33333333%!important;max-width:8.33333333%!important}.column-2-tablet{flex:0 0 16.66666667%!important;max-width:16.66666667%!important}.column-2_4-tablet{flex:0 0 20%!important;max-width:20%!important}.column-3-tablet{flex:0 0 25%!important;max-width:25%!important}.column-4-tablet{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.column-5-tablet{flex:0 0 41.66666667%!important;max-width:41.66666667%!important}.column-6-tablet{flex:0 0 50%!important;max-width:50%!important}.column-7-tablet{flex:0 0 58.33333333%!important;max-width:58.33333333%!important}.column-8-tablet{flex:0 0 66.66666667%!important;max-width:66.66666667%!important}.column-9-tablet{flex:0 0 75%!important;max-width:75%!important}.column-10-tablet{flex:0 0 83.33333333%!important;max-width:83.33333333%!important}.column-11-tablet{flex:0 0 91.66666667%!important;max-width:91.66666667%!important}.column-12-tablet{flex:0 0 100%!important;max-width:100%!important}.five-column .column-container,.four-column .column-container{flex:0 0 50%!important;max-width:50%!important}.five-column .column-container:nth-of-type(-n+2),.four-column .column-container:nth-of-type(-n+2){margin-top:0}.four-column .column-container,.three-column .column-container,.two-column .column-container{flex:0 0 50%!important;max-width:50%!important}.four-column .column-container:nth-of-type(-n+2),.three-column .column-container:nth-of-type(-n+2),.two-column .column-container:nth-of-type(-n+2){margin-top:0}.three-column-tablet .column-container{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.three-column-tablet .column-container:nth-of-type(-n+3){margin-top:0}.three-column-tablet .column-container{margin-top:5%}.small-gutters.three-column-tablet .column-container{margin-top:3%}.tiny-gutters.three-column-tablet .column-container{margin-top:1.5%}.four-column-tablet .column-container{flex:0 0 25%!important;margin-top:5%;max-width:25%!important}.four-column-tablet .column-container:nth-of-type(-n+4){margin-top:0}}@media only screen and (max-width:670px){.row .column-container{flex:0 0 100%!important;margin-top:30px;max-width:100%!important;padding:0 2.5%}.row .column-container:first-child{margin-top:0}.two-column-phone .column-container{flex:0 0 50%!important;margin-top:5%;max-width:50%!important}.two-column-phone .column-container:nth-of-type(-n+2){margin-top:0}.four-column-phone .column-container{flex:0 0 25%!important;margin-top:5%;max-width:25%!important}.four-column-phone .column-container:nth-of-type(-n+4){margin-top:0}}.arrow-section-divider{fill:#fff;max-height:300px}#builder-preview{margin-bottom:14%;margin-top:20px}#builder-preview svg.svg-shape{bottom:-35%;left:13%;opacity:.5;position:absolute;transform:rotate(10deg);width:55%;z-index:-1}#builder-preview:before{background:rgba(0,181,230,.5);left:-30px;top:310px}#builder-preview:after,#builder-preview:before{border-radius:2000px;content:"";display:block;height:96px;position:absolute;width:96px;z-index:-1}#builder-preview:after{background:rgba(143,66,236,.15);right:20%;top:-20px}#builder-preview video{display:none;margin:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}#builder-preview video.current-item{display:initial;opacity:1;visibility:visible}#builder-preview .column-container:first-of-type{order:2}#builder-preview .column-container:nth-of-type(2){order:1}#builder-preview .column-container:last-of-type{order:3}.feature-blurb-grid{margin-bottom:80px}.feature-blurb-grid svg.svg-shape{bottom:-20%;left:-10%;position:absolute;transform:rotate(-10deg);width:100%;z-index:-1}.feature-blurb-grid:after{background:linear-gradient(120deg,rgba(255,74,158,0) 45%,rgba(255,74,158,.4));border-radius:2000px;content:"";display:block;height:800px;position:absolute;right:-140px;top:-210px;width:800px;z-index:-1}.website-pack-preview{align-items:center;justify-content:center;position:relative}.website-pack-preview+h4{margin-top:16px;z-index:3}.website-pack-preview span{margin:0;overflow:hidden;padding:0;transform:rotate(0deg)}.website-pack-preview span:first-child{height:240px;width:220px;z-index:3}.website-pack-preview span:nth-child(2),.website-pack-preview span:nth-child(3){height:200px;opacity:.8;position:absolute;top:12px;width:180px;z-index:2}.website-pack-preview span:nth-child(2){left:25px}.website-pack-preview span:nth-child(3){right:25px}.website-pack-preview:hover span{overflow:hidden;padding:0}.website-pack-preview:hover span:first-child{width:160px}.website-pack-preview:hover span:nth-child(2),.website-pack-preview:hover span:nth-child(3){height:220px;opacity:1;width:160px}.website-pack-preview:hover span:nth-child(2){left:0;transform:rotate(-5deg)}.website-pack-preview:hover span:nth-child(3){right:0;transform:rotate(5deg)}.trustpilot-widget{min-height:30px;width:100%}.package .trustpilot-widget{margin-bottom:1em!important}.trustpilot-widget iframe~iframe{filter:drop-shadow(0 10px 10px rgba(103,151,255,.2))}.trustpilot-widget-subhead{height:20px;margin-bottom:1em!important;max-width:420px;overflow:hidden}.testimonial .review-logo{align-self:start;max-height:40px;max-width:94px}.testimonial svg{max-width:118px;width:100%}.testimonial-big.testimonial svg{fill:#ffad00;margin:24px auto 40px}.testimonial-wide.testimonial svg{fill:#34dd87}.testimonial .icon-blurb{margin-bottom:1em}.testimonial .blurb img{border-radius:100%}.testimonial-big.testimonial .blurb img{margin-top:-32px}.testimonial-wide.testimonial .blurb img{width:40px}.testimonial .subhead{line-height:1.4em}.testimonial.testimonial-big{box-shadow:0 64px 104px 0 rgba(103,151,255,.09)}.testimonial.testimonial-big h4{margin-bottom:0}.testimonial.testimonial-wide{margin-bottom:2em}.video-popup{z-index:3}.video-popup .video-play-icon{border-radius:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.featured-video{margin-bottom:64px}.featured-video a.video-popup .image-container{position:relative}.featured-video a.video-popup .image-container:after{background-color:red;background:linear-gradient(120deg,rgba(103,151,255,.5),#8f42ec);border-radius:8px;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:1}.monarch-video.featured-video a.video-popup .image-container:after{background:linear-gradient(120deg,rgba(255,173,0,0),#ff7b2b)}.featured-video a.video-popup>svg{bottom:-30%;left:-15%;position:absolute;transform:rotate(10deg);width:70%;z-index:-1}.featured-video a.video-popup:before{background:rgba(255,74,158,.5);border-radius:2000px;content:"";display:block;height:160px;position:absolute;right:-50px;top:-60px;width:160px;z-index:-1}.monarch-video.featured-video a.video-popup:before{background:rgba(255,173,0,.5)}.featured-video a.video-popup:after{background:#4a42ec;border-radius:2000px;bottom:-60px;content:"";display:block;height:24px;position:absolute;right:20%;width:24px;z-index:-1}.monarch-video.featured-video a.video-popup:after{background:#ff4c00}.et-db #et-boc .et-fb-checkboxes-category-wrap p{margin-top:0}#contact-cards{margin-bottom:80px}#contact-cards:after{background:linear-gradient(45deg,#e9f4ff,rgba(233,244,255,0) 70%);height:860px;width:860px}#contact-cards:after,#login-card:after{border-radius:2000px;bottom:-80px;content:"";display:block;position:absolute;z-index:-1}#login-card:after{background:linear-gradient(225deg,#e9f4ff,rgba(233,244,255,0) 70%);height:560px;right:-80px;width:560px}#careers-hero{background:#f5f5f5 url(/images/shapes/section-divider-asymmetric-bottom.svg) no-repeat bottom;background-size:contain;padding-bottom:5vw}.gallery-hero{background-position:bottom;background-repeat:no-repeat;background-size:cover;padding-bottom:12vw;padding-top:10vw;transform-origin:50% 85%}.gallery-hero .lead a{color:hsla(0,0%,100%,.75)}.gallery-hero .lead a:hover{color:#fff}.gallery-hero:after{background:#fff;bottom:-2px;content:"";display:block;height:4px;position:absolute;width:100%;z-index:1}.overlay{height:100%;position:absolute;top:0;width:100%}#landing-hero{background-image:linear-gradient(rgba(255,74,158,.2),rgba(255,74,158,0) 50%),url(/images/home/landing-hero-background.jpg),linear-gradient(60deg,#5c00c3 16%,#ff4a9e 85%);padding-bottom:8vw}#landing-hero .row-container:first-child{z-index:2}#landing-hero .overlay{background:linear-gradient(-8deg,transparent 35%,#130e87 75%)}@media (max-width:768px){#landing-hero{padding-bottom:18vw}}#discount-hero{box-shadow:none;margin-bottom:0;padding-bottom:48px}.play-button-container{align-items:center;background:linear-gradient(120deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2));border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;box-shadow:0 24px 72px 0 rgba(0,0,0,.5);display:flex;height:164px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:164px}.play-button-container.play-button-container-small{height:134px;width:134px}.play-button-container:hover{cursor:pointer;transform:scale(.96)}.play-button-container:hover .play-button{transform:scale(1.16)}@media (max-width:960px){.play-button-container{transform:scale(.8)}}@media (max-width:670px){.play-button-container{margin:0 auto -20%}}.play-button-container .play-button{align-items:center;background:#fff;border-radius:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);display:flex;height:120px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px;z-index:2}.play-button-container .play-button svg{height:34px;width:34px}.video .play-button-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.video .play-button-container:hover{transform:translate(-50%,-50%) scale(.96)}.video .video-popup{position:relative}.video-popup-join-button{display:none}#landing-hero-collage{perspective:320px;perspective-origin:100%;position:relative}#hero-video-container{margin:0;transform:translateZ(0)}#landing-hero-video{box-shadow:-96px 96px 96px -64px rgba(23,16,159,.5),-200px 160px 160px -100px rgba(23,16,159,.1);margin-left:20%;margin-top:-115%;max-width:none;transform:rotateY(0deg) rotateX(-16deg) rotateX(24deg) skewY(-16deg) skewX(32deg);width:150%}@media (max-width:1024px){#landing-hero-video{margin-top:-140%;width:180%}}.elevation-4,.video-popup .video-play-icon,.website-pack-preview span,a .card:hover,a.card:hover,a.elevation-3:hover{box-shadow:0 10px 70px 0 rgba(103,151,255,.22),0 15px 105px 0 rgba(103,151,255,.22)}.elevation-1-hover,.elevation-2-hover,.elevation-3-hover{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}.elevation-1,a.elevation-1-hover:hover{box-shadow:0 2px 8px 0 rgba(103,151,255,.09),0 4px 32px 0 rgba(103,151,255,.09)}.elevation-2,a.elevation-1:hover,a.elevation-2-hover:hover{box-shadow:0 4px 24px 0 rgba(103,151,255,.1),0 12px 64px 0 rgba(103,151,255,.1)}.elevation-3,a.elevation-2:hover,a.elevation-3-hover:hover{box-shadow:0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11)}.guarantee{color:#34dd87;font-weight:700}.guarantee .tooltip_hover{background:#34dd87;color:#fff}.guarantee .tooltip_hover:after{background:#34dd87}.blurb .icon-container,.blurb>img,.blurb>svg{margin-bottom:16px}.blurb .circle-image{border-radius:120px;max-width:120px}.icon-blurb{display:flex;text-align:left}.icon-blurb .icon-circle,.icon-blurb img,.icon-blurb svg{margin-bottom:0}.icon-blurb .icon-circle+*,.icon-blurb img+*,.icon-blurb svg+*{margin-left:16px}.icon-blurb.icon-blurb-title-only{align-items:center}.icon-list{position:relative}.icon-list svg{display:inline-block;height:20px;margin-bottom:-4px;width:20px}.icon-list svg+*{display:inline-block;margin-left:4px}.rellax{transition:none}.quote-icon{fill:#e9f4ff}#intercom-modal{position:relative}#intercom-modal:after{background:linear-gradient(25deg,#e9f4ff,rgba(233,244,255,0) 60%);border-radius:2000px;bottom:-40px;content:"";display:block;height:1000px;left:-100px;position:absolute;width:1000px;z-index:-1}.image-collage{height:auto;position:relative;width:100%}.image-collage img{position:absolute}#pricing-table-image-collage img:first-of-type{margin-bottom:18%;max-width:61%;position:relative}#pricing-table-image-collage img:nth-of-type(2){max-width:47%;right:0;top:11%}#pricing-table-image-collage img:last-of-type{bottom:0;left:27%;max-width:67%}#pricing-model,.row-with-card-column{margin-bottom:144px}#pricing-model .column-container,.row-with-card-column .column-container{padding-top:24px}#pricing-model .column-container.card,.row-with-card-column .column-container.card{margin-bottom:-144px;padding-bottom:80px}#pricing-model svg,.row-with-card-column svg{bottom:-35%;margin-left:-10%;position:absolute;width:65%;z-index:-1}#company-stats .headline-2{margin-bottom:0}.portrait-grid img{border-radius:100%;margin-top:16px;max-width:180px}.tooltip_hover{opacity:0;position:absolute;visibility:hidden}.menu-item svg{content:" ";position:absolute;right:24px;top:14px;transform:rotate(-90deg);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1}.menu-item svg.menu-expand{opacity:1}.menu-item svg.menu-collapse{fill:rgba(109,124,144,.3);opacity:0}.active .menu-item svg{transform:rotate(0deg)}.active .menu-item svg.menu-expand{opacity:0}.active .menu-item svg.menu-collapse{opacity:1}#main-nav{background:#fff;padding:8px 0;position:fixed;top:0;width:100%;z-index:99999999}.js-ready #main-nav{transition:all .2s ease-in-out}#main-nav .row-container{align-items:center;display:flex;width:1440px}#main-nav #logo{margin:0;max-height:80px;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);width:109px}#main-nav #logo img{max-width:100%}#main-nav .hamburger{border-radius:3px;cursor:pointer;display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#main-nav .hamburger span{background:#ff4a9e;border-radius:3px;display:block;height:3px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}#main-nav .hamburger span:nth-child(2){margin:4px 0}#main-nav .hamburger.toggled span{background:#ff4a9e!important}#main-nav .hamburger.toggled span:first-child{transform:translateY(6px) rotate(45deg)}#main-nav .hamburger.toggled span:last-child{transform:translateY(-8px) rotate(-45deg)}#main-nav .hamburger.toggled span:nth-child(2){opacity:0}#main-nav .menu-bg-wrapper{left:0;margin-top:-8px;opacity:0;position:absolute;top:100%;visibility:hidden;will-change:opacity;z-index:3}.et_fixed_nav#main-nav .menu-bg-wrapper{margin-top:0}.mouse-ready.js-ready #main-nav .menu-bg-wrapper.is-visible{opacity:1;visibility:visible}#main-nav .menu-bg-wrapper .menu-bg{background:#fff;border-radius:5px;box-shadow:0 12px 40px 0 rgba(23,16,159,.2),0 70px 100px -60px rgba(23,16,159,.4);height:304px;transform-origin:left top;width:304px;will-change:transform;z-index:999}.transparent-header #main-nav .menu-bg-wrapper .menu-bg{box-shadow:0 12px 40px 0 rgba(23,16,159,.4),0 70px 100px -60px rgba(23,16,159,.6)}#main-nav .menu-bg-wrapper .menu-arrow{background:#fff;border-radius:2000px;border-radius:6px;content:"";display:block;height:30px;left:-20px;position:absolute;top:-12px;transform:rotate(45deg) translateX(-70%);width:30px;z-index:-1;z-index:9}#main-nav nav>ul,#main-nav nav>ul a,#main-nav nav>ul li{margin:0}#main-nav nav{flex:1;justify-content:flex-end}#main-nav nav,#main-nav nav>ul{align-items:center;display:flex}#main-nav nav>ul{position:relative}#main-nav nav>ul li{position:relative;z-index:999}#main-nav nav>ul li:hover>a{color:#20292f}#main-nav nav a.menu-item{color:rgba(32,41,47,.6);display:flex;flex-direction:column;height:80px;justify-content:center;padding:0 24px}#main-nav nav #accounts-button,#main-nav nav #pricing-button{align-self:center;margin:0 0 0 24px;min-width:160px}#main-nav.transparent-header,.transparent-header #main-nav{background:transparent}#main-nav.transparent-header a.menu-item,.transparent-header #main-nav a.menu-item{color:#fff}#main-nav.transparent-header #pricing-button,.transparent-header #main-nav #pricing-button{background:#fff;color:#ff4a9e!important}#main-nav.transparent-header .hamburger span,.transparent-header #main-nav .hamburger span{background:#fff}#main-nav.transparent-header-dark{background:transparent}#main-nav .sub-menu{background:none;box-shadow:none;left:50%;opacity:0;padding-top:16px;pointer-events:none;position:absolute;top:80px;transform:translateX(-50%);transition:none;visibility:hidden;width:320px;z-index:9999}#main-nav .sub-menu.sub-menu-wide{width:464px}#main-nav .sub-menu.sub-menu-wider{width:488px}#main-nav .sub-menu .icon-blurb>div{position:relative}#main-nav .sub-menu hr{background-image:linear-gradient(90deg,#d3e0ea,rgba(211,224,234,0));border-width:0;display:block;height:2px;margin:12px 0 8px;width:100%}#main-nav .sub-menu.horizontal-menu{padding-top:24px}#main-nav .sub-menu.horizontal-menu .menu-items{display:flex;margin-bottom:0}#main-nav .sub-menu.horizontal-menu .menu-items svg{display:initial;margin-bottom:8px}#main-nav .sub-menu.horizontal-menu .menu-items li{border-radius:8px;flex:1;margin:0 8px;padding:0;transition:all .2s ease}#main-nav .sub-menu.horizontal-menu .menu-items li:first-of-type{margin-left:0}#main-nav .sub-menu.horizontal-menu .menu-items li:last-of-type{margin-right:0}#main-nav .sub-menu.horizontal-menu .menu-items li p{font-size:1em;line-height:1.6em}#main-nav .sub-menu.horizontal-menu .menu-items li a{border-radius:8px;display:block;padding:16px;text-align:center}#main-nav .sub-menu.horizontal-menu .menu-items li:hover{transform:scale(.98)}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-purple{background:linear-gradient(120deg,rgba(143,66,236,.04),rgba(143,66,236,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-purple p{color:#614484}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-blue{background:linear-gradient(120deg,rgba(55,118,255,.04),rgba(55,118,255,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-blue p{color:#34559c}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-green{background:linear-gradient(120deg,rgba(52,221,135,.04),rgba(52,221,135,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-green p{color:#436855}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-orange{background:linear-gradient(120deg,rgba(255,123,43,.04),rgba(255,123,43,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-orange p{color:#935631}#main-nav .sub-menu.horizontal-menu .menu-items h3{line-height:1.3em;margin:0 0 8px}#main-nav .sub-menu.horizontal-menu .menu-items h3:after{content:""}#main-nav .sub-menu.sub-menu-extra-extra-wide{transform:translateX(-26%);width:900px}#main-nav .sub-menu.sub-menu-extra-wide{display:flex;flex-wrap:wrap;transform:translateX(-23%);width:1000px}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide{flex:9}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide .menu-items{float:left;width:50%}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide>h3{color:#74899a;font-size:1em;margin-bottom:0;margin-top:8px}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide ul{flex:2}#main-nav .sub-menu.sub-menu-extra-wide .button{margin-top:16px}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container{background:linear-gradient(90deg,rgba(109,124,144,.04) 95%,rgba(109,124,144,.07));border-radius:4px 0 0 4px;flex:3;margin:-16px 24px -24px -24px!important;padding:16px 24px 24px}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container li:last-of-type a{padding-bottom:0}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container>h3{color:#74899a;font-size:1em;margin-top:8px}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container .subhead{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#8196a6,#536a7c);-webkit-background-clip:text;color:#8196a6}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container svg{fill:#adbfcf;transition:fill .2s ease-in-out}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container svg .transparent{fill:rgba(173,191,207,.5);transition:fill .2s ease-in-out}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container a:hover svg{fill:#20292f}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container a:hover svg .transparent{fill:rgba(32,41,47,.5)}#main-nav .sub-menu ul>a,#main-nav .sub-menu ul>li{margin:0;transition:all .2s ease-in-out}#main-nav .sub-menu ul>a:hover h3:after,#main-nav .sub-menu ul>li:hover h3:after{opacity:1;transform:translateX(24px) scale(1)}#main-nav .sub-menu ul>a:hover p,#main-nav .sub-menu ul>li:hover p{color:#20292f}#main-nav .sub-menu ul>a:hover .icon-circle,#main-nav .sub-menu ul>li:hover .icon-circle{transform:scale(1.1)}#main-nav .sub-menu ul h3{margin:-.3em 0 0;position:relative}#main-nav .sub-menu ul h3:after{fill:#20292f;content:url(/images/icons/menu-arrow.svg);display:block;opacity:0;position:absolute;right:0;top:3px;transform:translateX(16px) scale(.7);transition:all .2s ease-in-out;width:16px;z-index:1}#main-nav .sub-menu ul p{font-size:.85em;line-height:1.4em;transition:all .2s ease-in-out}#main-nav .sub-menu ul.menu-items div{align-items:center;display:flex;flex-wrap:wrap}#main-nav .sub-menu ul.menu-items h3{margin:0 12px 0 0}#main-nav .sub-menu ul.menu-items a{padding:6px 0}#main-nav .sub-menu ul.primary-menu-items a{padding:.6em 0}#main-nav .sub-menu ul.primary-menu-items h3{font-size:1em;margin-right:24px;position:relative;width:auto}#main-nav .sub-menu>.card-inset-container{margin-top:0}#main-nav.et_fixed_nav{background:#fff;box-shadow:0 4px 24px 0 rgba(103,151,255,.1),0 12px 64px 0 rgba(103,151,255,.1);padding:0}#main-nav.et_fixed_nav #logo{max-height:60px;width:80px}#main-nav.et_fixed_nav a.menu-item{color:rgba(32,41,47,.6);height:60px;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}#main-nav.et_fixed_nav .sub-menu{top:60px}#main-nav.et_fixed_nav nav>ul li:hover>a{color:#20292f}#main-nav.et_fixed_nav #pricing-button{background:linear-gradient(120deg,rgba(255,74,158,0),#ff3190);background-color:#ff4ac2;color:#fff!important}#main-nav.et_fixed_nav #pricing-button:hover{background-color:#ff59d0}#main-nav.et_fixed_nav #accounts-button,#main-nav.et_fixed_nav #pricing-button{padding-bottom:8px;padding-top:8px}#main-nav.et_fixed_nav .hamburger span{background:#ff4a9e}#main-nav .et-main-account-menu .et_account_login_form{width:100%}#main-nav .et-main-account-menu #account-downloads-button,#main-nav .et-main-account-menu .et_account_login_form,#main-nav .et-main-account-menu>.menu-items{display:none;float:left;text-align:center}#main-nav .et-main-account-menu p,#main-nav .et-main-account-menu span{font-size:15px}.icon-circle{border-radius:100px;flex-shrink:0;height:48px;transition:all .2s ease-in-out;width:48px}.icon-circle svg{fill:#fff!important;margin:auto}.icon-circle svg .transparent{fill:hsla(0,0%,100%,.5)!important}.js-ready.mouse-ready #main-nav nav>ul li:hover .sub-menu{opacity:1;pointer-events:auto;transition:all .15s ease-in-out .1s;visibility:visible}.js-ready.mouse-ready .is-animatable.menu-arrow,.js-ready.mouse-ready .is-animatable.menu-bg{transition:all .2s ease-in-out}.js-ready.mouse-ready .is-visible.menu-bg-wrapper{animation:fade-in .2s ease-in-out}.et_fixed_nav_transition .menu-bg,.et_fixed_nav_transition .sub-menu{transition:all .2s ease-in-out 0ms!important}.dark-background .button.highlight-pricing-button,.highlight-pricing-button{background:linear-gradient(120deg,rgba(52,221,135,0),#24d47a)!important;background-color:#34dd65!important;color:#fff!important}.dark-background .button.highlight-pricing-button:hover,.highlight-pricing-button:hover{background-color:#41df67!important}.pricing-button-wrapper{position:relative}.pricing-button-wrapper.et-highlighted{transform:none}.menu-callout{opacity:0;position:absolute;visibility:hidden}#search-form{display:flex;max-width:100%;position:relative;width:450px}#search-form .search-icon{height:28px;position:absolute;right:8px;top:24px;width:auto;z-index:2}#flyinwrapper,.cover-popup{display:none}.promo-slide-in{animation:promo-slide-in .3s cubic-bezier(.4,0,.2,1);display:block;height:40px;overflow:hidden!important;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:99999999}.large-slide-in .promo-slide-in{height:80px}.promo-slide-in-content{animation:promo-fade-in .3s cubic-bezier(.4,0,.2,1);text-align:center}.promo-slide-in-content h6{color:#fff;display:inline-block;height:40px;line-height:40px;margin:0;vertical-align:middle;width:auto}.promo-slide-in-content .button{margin:0;padding:1px 20px;vertical-align:middle}.is-countdown{background-color:rgba(204,61,0,.5);border-radius:4px;display:inline-block;max-width:400px;padding:4px;width:100%}.gradient-background-blue .is-countdown{background-color:rgba(4,83,255,.5)}.countdown-row{clear:both;padding:0 2px;text-align:center;width:100%}.countdown-show1 .countdown-section{width:98%}.countdown-show2 .countdown-section{width:48%}.countdown-show3 .countdown-section{width:32.5%}.countdown-show4 .countdown-section{width:24.5%}.countdown-show5 .countdown-section{width:19.5%}.countdown-show6 .countdown-section{width:16.25%}.countdown-show7 .countdown-section{width:14%}.countdown-section{display:block;float:left;font-size:75%;text-align:center}.countdown-amount{color:#fff;font-size:24px;font-weight:900}.countdown-period{color:#fff;display:block;font-weight:900;margin-top:-10px}.gradient-background-blue .countdown-period{color:#009!important}.gradient-background-red .countdown-period{color:#900!important}.countdown-descr{display:block;width:100%}.card>.is-countdown{margin-top:0;padding-top:0}.sale-countdown-wrapper{margin:0 auto;max-width:100%;padding:24px;position:relative;text-align:center;width:480px}.sale-countdown-wrapper .subhead{margin-bottom:16px}#bottom-call-to-action .sale-countdown-wrapper{margin-bottom:2em;margin-top:.6em;padding:24px}.sale-countdown-wrapper .countdown-timer{background-color:transparent;gap:40px;justify-content:center;max-width:100%;min-height:70px;padding:0;width:400px}.sale-countdown-wrapper .countdown-timer .countdown-period{color:#6d7c90!important;font-size:1.1em;letter-spacing:1.5px;margin-top:0;text-transform:uppercase}.sale-countdown-wrapper .countdown-timer .countdown-amount{color:#ff4c00;font-size:2.4em;font-weight:600}.sale-countdown-wrapper .button{margin-top:8px}.sale-countdown-wrapper~div{margin-bottom:0}#countdown-popup{display:none}form#et_manage_form{width:100%}#card-element,.et_card_number,input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background:rgba(109,124,144,.1);border:none;border:2px solid rgba(55,118,255,0);border-radius:5px;color:#20292f;display:block;font-family:Lato,sans-serif;font-size:.9em;font-weight:700;letter-spacing:.5px;line-height:1.83em;margin:16px 0;outline:none;padding:8px 12px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}input[type=submit]{font-family:Lato,sans-serif}.et_manage_input{display:flex;flex:1;position:relative}.et_manage_input input::-webkit-input-placeholder,.et_manage_input select::-webkit-input-placeholder,.et_manage_input textarea::-webkit-input-placeholder{color:rgba(109,124,144,.6)}.et_manage_input input:focus:not(.no-edit),.et_manage_input input:hover:not(.no-edit),.et_manage_input select:focus:not(.no-edit),.et_manage_input select:hover:not(.no-edit),.et_manage_input textarea:focus:not(.no-edit),.et_manage_input textarea:hover:not(.no-edit){border:2px solid #3776ff}.et_manage_input input:focus,.et_manage_input select:focus,.et_manage_input textarea:focus{background:rgba(109,124,144,0)}.et_manage_input input:focus+label,.et_manage_input select:focus+label,.et_manage_input textarea:focus+label{color:#3776ff}.et_filled.et_manage_input input+label,.et_filled.et_manage_input select+label,.et_filled.et_manage_input textarea+label,.et_manage_input input:focus+label,.et_manage_input select:focus+label,.et_manage_input textarea:focus+label{opacity:1;top:-.2em}.et_filled.et_manage_input input::-webkit-input-placeholder,.et_filled.et_manage_input select::-webkit-input-placeholder,.et_filled.et_manage_input textarea::-webkit-input-placeholder,.et_manage_input input:focus::-webkit-input-placeholder,.et_manage_input select:focus::-webkit-input-placeholder,.et_manage_input textarea:focus::-webkit-input-placeholder{color:transparent}.et_manage_input .et-stripe-cancel-card-change,.et_manage_input .et_filled,.et_manage_input label{color:rgba(109,124,144,.6);font-size:10px;font-weight:700;left:0;letter-spacing:1px;line-height:1.2em;opacity:0;pointer-events:none;position:absolute;text-align:left;text-transform:uppercase;top:-.2em;transition:all,.4s}.et_manage_input select{height:48px}.et_manage_input select+label{opacity:1;top:-2px}.et_manage_input .toggle-button{margin:16px 0;opacity:1;pointer-events:auto;position:relative}.et_manage_input .toggle-button .states{background:rgba(109,124,144,.1);border-radius:5px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.et_manage_input .toggle-button .states .button{color:#6d7c90!important;margin:0;padding:6px 12px;transform:none}.et_manage_input .toggle-button .states .labels .button{background:none}.et_manage_input .toggle-button .bubble{height:100%;left:0;position:absolute;top:0;width:100%}.et_manage_input .toggle-button .bubble span{background:#fff;border-radius:1px;box-shadow:none;display:block;position:absolute;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.et_manage_input .toggle-button .bubble span.state1{color:#6d7c90!important;left:4px;opacity:1}.et_manage_input .toggle-button .bubble span.state2{opacity:0;right:50%}.et_manage_input .toggle-button input[type=checkbox]:checked+.states{background:#3776ff}.et_manage_input .toggle-button input[type=checkbox]:checked+.states .button{color:#fff!important}.et_manage_input .toggle-button input[type=checkbox]:checked+.states .button.state1{left:50%;opacity:0}.et_manage_input .toggle-button input[type=checkbox]:checked+.states .button.state2{color:#3776ff!important;opacity:1;right:4px}.et_manage_input .toggle-button+label{opacity:1;top:-2px}.et_manage_input.et_manage_input_dense input:not([type]),.et_manage_input.et_manage_input_dense input[type=date],.et_manage_input.et_manage_input_dense input[type=datetime-local],.et_manage_input.et_manage_input_dense input[type=email],.et_manage_input.et_manage_input_dense input[type=number],.et_manage_input.et_manage_input_dense input[type=password],.et_manage_input.et_manage_input_dense input[type=search],.et_manage_input.et_manage_input_dense input[type=tel],.et_manage_input.et_manage_input_dense input[type=text],.et_manage_input.et_manage_input_dense input[type=time],.et_manage_input.et_manage_input_dense input[type=url],.et_manage_input.et_manage_input_dense select,.et_manage_input.et_manage_input_dense textarea{font-size:.77em;letter-spacing:0;padding:7px}.et_manage_input.et_manage_input_dense select{height:39px}.comparison-table,.comparison-table .column-container{padding:0}.comparison-table .column-container:first-child{border-right:1px solid rgba(109,124,144,.12)}.comparison-table .comparison-table-column-header,.comparison-table .icon-blurb{align-items:center;border-bottom:1px solid rgba(109,124,144,.12);margin:0;padding:16px 32px}.comparison-table .icon-blurb:last-of-type{border:none;padding-bottom:24px}.help-tooltip{position:relative}.help-tooltip-icon{background:#1e65ff;border-radius:50px;color:#fff;font-size:12px;font-weight:800;margin-left:5px;padding:2px 7px}.help-tooltip-icon:hover+.help-tooltip-tooltip{opacity:1}.help-tooltip-tooltip{opacity:0;pointer-events:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=submit]{cursor:pointer;margin:16px 0}input[type=number]{-moz-appearance:textfield}input.no-edit{background:#fff;border-color:rgba(109,124,144,.1)}#captcha{display:flex}#captcha img{margin-left:20px;margin-top:16px;max-width:none}.gradient-background-green{background:radial-gradient(circle at top left,#34dd87 0,#34ddbf 100%);background-color:#34dd87;box-shadow:0 48px 48px -32px rgba(52,221,135,.12),0 96px 96px -64px rgba(52,221,135,.48)}.gradient-background-red{background:linear-gradient(120deg,rgba(255,76,0,0),#e64400);background-color:#ff7f00;box-shadow:0 48px 48px -32px rgba(255,76,0,.12),0 96px 96px -64px rgba(255,76,0,.48)}.gradient-background-orange{background:linear-gradient(120deg,rgba(255,123,43,0),#ff6b12);background-color:#ff7f00;box-shadow:0 48px 48px -32px rgba(255,123,43,.12),0 96px 96px -64px rgba(255,123,43,.48)}.gradient-background-blue{background:linear-gradient(120deg,rgba(55,118,255,0),#1e65ff);background-color:#374eff;box-shadow:0 48px 48px -32px rgba(55,118,255,.12),0 96px 96px -64px rgba(55,118,255,.48)}.gradient-background-purple{background:linear-gradient(120deg,rgba(143,66,236,0),#812bea);background-color:#b142ec;box-shadow:0 48px 48px -32px rgba(143,66,236,.12),0 96px 96px -64px rgba(143,66,236,.48)}.gradient-background-dark-blue{background-image:linear-gradient(60deg,#1c2bf7 10%,#061c59 90%)}.gradient-background-black{background:linear-gradient(120deg,rgba(32,41,47,0),#161c20);background-color:#20262f;box-shadow:0 48px 48px -32px rgba(32,41,47,.12),0 96px 96px -64px rgba(32,41,47,.48)}.gradient-background-pink{background:linear-gradient(120deg,rgba(255,74,158,0),#ff3190);background-color:#ff4a7a;box-shadow:0 48px 48px -32px rgba(255,74,158,.12),0 96px 96px -64px rgba(255,74,158,.48)}.gradient-background-teal{background:linear-gradient(120deg,rgba(0,181,230,0),#00a1cd);background-color:#0087e6;box-shadow:0 48px 48px -32px rgba(0,181,230,.12),0 96px 96px -64px rgba(0,181,230,.48)}.gradient-background-indigo{background:linear-gradient(120deg,rgba(74,66,236,0),#342bea);background-color:#6c42ec;box-shadow:0 48px 48px -32px rgba(74,66,236,.12),0 96px 96px -64px rgba(74,66,236,.48)}.gradient-background-navy{background:linear-gradient(120deg,rgba(41,48,56,0),#1e2329);background-color:#292d38;box-shadow:0 48px 48px -32px rgba(41,48,56,.12),0 96px 96px -64px rgba(41,48,56,.48)}.card.background-local-green{background-color:#51bb7c}.background-light-gray{background-color:#e7e9ed}@media only screen and (max-width:1100px){#main-nav nav a.menu-item{padding:0 16px}}@media only screen and (min-width:1025px){.perspective-right{margin-bottom:16%;perspective:600px;perspective-origin:100%}.product-feature .perspective-right{margin-top:8%}.skew-right{transform:rotateY(-16deg) rotateX(8deg) skew(-10deg,8deg) scale(1.1) translateX(-8%)}.perspective-left{margin-bottom:16%;perspective:600px;perspective-origin:0}.product-feature .perspective-left{margin-top:8%}.skew-left{transform:rotateY(16deg) rotateX(8deg) skew(10deg,-8deg) scale(1.1) translateX(8%)}}@media only screen and (min-width:1024px){svg.menu-collapse,svg.menu-expand{display:none;opacity:0;visibility:hidden}}@media only screen and (max-width:1024px){html.mobile-menu{height:100vh;overflow:hidden}#main-nav .et-main-account-menu #account-downloads-button,#main-nav .et-main-account-menu .et_account_login_form,#main-nav .et-main-account-menu>.menu-items{float:none}#main-nav .et-main-account-menu #account-downloads-button{display:none!important}#main-nav,#main-nav.et_fixed_nav,#main-nav.transparent-header{height:80px}#main-nav .row-container,#main-nav.et_fixed_nav .row-container,#main-nav.transparent-header .row-container{justify-content:space-between}body.mobile-menu #main-nav,body.mobile-menu #main-nav.et_fixed_nav,body.mobile-menu #main-nav.transparent-header{background:#fff}#main-nav .menu-bg-wrapper,#main-nav .menu-bg-wrapper.is-visible,#main-nav.et_fixed_nav .menu-bg-wrapper,#main-nav.et_fixed_nav .menu-bg-wrapper.is-visible,#main-nav.transparent-header .menu-bg-wrapper,#main-nav.transparent-header .menu-bg-wrapper.is-visible{opacity:0!important;visibility:hidden!important}#main-nav nav,#main-nav.et_fixed_nav nav,#main-nav.transparent-header nav{display:none;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}#main-nav nav.toggled,#main-nav.et_fixed_nav nav.toggled,#main-nav.transparent-header nav.toggled{display:flex;opacity:1;visibility:visible}#main-nav nav .pricing-button-wrapper,#main-nav.et_fixed_nav nav .pricing-button-wrapper,#main-nav.transparent-header nav .pricing-button-wrapper{background:#fff;bottom:0;left:0;padding:24px;position:fixed;right:0;text-align:center;width:100%}#main-nav nav .pricing-button-wrapper #pricing-button,#main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button,#main-nav.transparent-header nav .pricing-button-wrapper #pricing-button{background:#ff4a9e;color:#fff!important}#main-nav nav .pricing-button-wrapper #pricing-button,#main-nav nav .pricing-button-wrapper #pricing-button #accounts-button,#main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button,#main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button #accounts-button,#main-nav.transparent-header nav .pricing-button-wrapper #pricing-button,#main-nav.transparent-header nav .pricing-button-wrapper #pricing-button #accounts-button{margin:0}#main-nav nav .menu,#main-nav.et_fixed_nav nav .menu,#main-nav.transparent-header nav .menu{overflow-y:auto;padding:0 0 100px;width:100%}#main-nav nav a.menu-item,#main-nav.et_fixed_nav nav a.menu-item,#main-nav.transparent-header nav a.menu-item{color:rgba(32,41,47,.6);height:60px}#main-nav nav>ul,#main-nav.et_fixed_nav nav>ul,#main-nav.transparent-header nav>ul{position:fixed}#main-nav nav ul,#main-nav.et_fixed_nav nav ul,#main-nav.transparent-header nav ul{background:#f2f4f5;bottom:0;flex-direction:column;left:0;margin:0;top:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}body.with_promo_slide_in #main-nav nav ul,body.with_promo_slide_in #main-nav.et_fixed_nav nav ul,body.with_promo_slide_in #main-nav.transparent-header nav ul{top:120px}body.large-slide-in #main-nav nav ul,body.large-slide-in #main-nav.et_fixed_nav nav ul,body.large-slide-in #main-nav.transparent-header nav ul{top:160px}#main-nav nav ul li,#main-nav.et_fixed_nav nav ul li,#main-nav.transparent-header nav ul li{cursor:pointer;flex-direction:column;width:100%}#main-nav nav ul li #divi-sub-menu.sub-menu,#main-nav nav ul li .sub-menu,#main-nav nav ul li .sub-menu-wide,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu,#main-nav.et_fixed_nav nav ul li .sub-menu,#main-nav.et_fixed_nav nav ul li .sub-menu-wide,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu,#main-nav.transparent-header nav ul li .sub-menu,#main-nav.transparent-header nav ul li .sub-menu-wide{background:#fff;border-radius:0;display:none;left:auto;opacity:1;padding:16px;position:static;top:auto;transform:none;transition:none!important;visibility:visible;width:100%!important;z-index:auto}#main-nav nav ul li #divi-sub-menu.sub-menu .menu-items,#main-nav nav ul li .sub-menu .menu-items,#main-nav nav ul li .sub-menu-wide .menu-items,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu .menu-items,#main-nav.et_fixed_nav nav ul li .sub-menu .menu-items,#main-nav.et_fixed_nav nav ul li .sub-menu-wide .menu-items,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu .menu-items,#main-nav.transparent-header nav ul li .sub-menu .menu-items,#main-nav.transparent-header nav ul li .sub-menu-wide .menu-items{background:#fff}#main-nav nav ul li #divi-sub-menu.sub-menu ul,#main-nav nav ul li .sub-menu ul,#main-nav nav ul li .sub-menu-wide ul,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu ul,#main-nav.et_fixed_nav nav ul li .sub-menu ul,#main-nav.et_fixed_nav nav ul li .sub-menu-wide ul,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu ul,#main-nav.transparent-header nav ul li .sub-menu ul,#main-nav.transparent-header nav ul li .sub-menu-wide ul{margin-bottom:0!important;margin-right:0}#main-nav nav ul li #divi-sub-menu.sub-menu li,#main-nav nav ul li .sub-menu li,#main-nav nav ul li .sub-menu-wide li,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu li,#main-nav.et_fixed_nav nav ul li .sub-menu li,#main-nav.et_fixed_nav nav ul li .sub-menu-wide li,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu li,#main-nav.transparent-header nav ul li .sub-menu li,#main-nav.transparent-header nav ul li .sub-menu-wide li{animation:fade-in}#main-nav nav .sub-menu.sub-menu-extra-wide .card-inset-container,#main-nav.et_fixed_nav nav .sub-menu.sub-menu-extra-wide .card-inset-container,#main-nav.transparent-header nav .sub-menu.sub-menu-extra-wide .card-inset-container{background:#fff!important;border-radius:0;margin:0!important;padding:0 0 16px!important}#main-nav nav .horizontal-menu .menu-items li,#main-nav.et_fixed_nav nav .horizontal-menu .menu-items li,#main-nav.transparent-header nav .horizontal-menu .menu-items li{margin:8px 0}#main-nav nav .horizontal-menu .menu-items li:last-of-type,#main-nav.et_fixed_nav nav .horizontal-menu .menu-items li:last-of-type,#main-nav.transparent-header nav .horizontal-menu .menu-items li:last-of-type{margin-bottom:0}#main-nav nav .button,#main-nav.et_fixed_nav nav .button,#main-nav.transparent-header nav .button{margin-top:16px}#main-nav nav #accounts-button,#main-nav nav #pricing-button,#main-nav.et_fixed_nav nav #accounts-button,#main-nav.et_fixed_nav nav #pricing-button,#main-nav.transparent-header nav #accounts-button,#main-nav.transparent-header nav #pricing-button{display:block!important;margin-top:0}#main-nav .hamburger,#main-nav.et_fixed_nav .hamburger,#main-nav.transparent-header .hamburger{display:block;padding:22px 0}#main-nav.et_fixed_nav{height:60px}#main-nav.et_fixed_nav nav ul{top:60px}#builder-preview .column-container:first-of-type{flex:0 0 100%!important;margin-bottom:2em;max-width:100%!important;order:1}#builder-preview .column-container:nth-of-type(n+2){margin-bottom:0;margin-top:0;order:2}.website-pack-preview span:nth-child(n){max-width:100%;width:180px}.website-pack-preview span:nth-child(n):nth-child(2),.website-pack-preview span:nth-child(n):nth-child(3){display:none;visibility:hidden}.website-pack-preview:hover span:first-child{width:180px}}@media only screen and (max-width:960px){.card-button-navigation{flex:0 0 100%!important;margin-bottom:4%;max-width:100%!important}.card-button-navigation .column{flex-direction:row}.card-button-navigation .column .card{flex:1;margin:8px}}@media only screen and (max-width:768px){.hide-on-tablet{display:none}.card-button-navigation .column{flex-wrap:wrap}.card-button-navigation .column .card{flex-basis:40%;padding:8px}.tab-navigation li a.callout{display:none!important}.sale-countdown-wrapper .countdown-timer{min-height:40px}.sale-countdown-wrapper .countdown-timer .countdown-period{font-size:2vw}.sale-countdown-wrapper .countdown-timer .countdown-amount{font-zie:6vw}}@media only screen and (max-width:670px){.tooltip_hover{display:none!important}}@media only screen and (max-width:480px){.hide-on-mobile{display:none}.card{padding:16px}.card .card-inset-container{margin:16px -16px;padding:16px}.card .card-inset-container:first-child{margin-top:-16px}.card .card-inset-container:last-child{margin-bottom:-16px!important}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#footer-menu h3,.button.primary-button span,.card-title,.headline-1,.headline-2,.headline-3,.headline-4,.package_price .price,.subhead,.subhead-small,.subhead-tiny,.tab-navigation-narrow,nav a.menu-item{background-image:none!important}}.errors,.et_errors,.et_info,.et_reset_form_errors,.et_success,.et_warning{animation-duration:.5s;animation-name:bounceIn;background:#e0466f12;border:2px solid #ff4c00;border-radius:4px;color:#ff4c00;display:block;font-size:.8em;font-weight:600;line-height:1.4em;margin:24px 0!important;padding:20px!important}.et_warning{background:rgba(255,173,0,.1);border:2px solid #ffad00;color:#ffad00}.et_info{background:rgba(5,201,255,.1);border:2px solid #05c9ff;color:#05c9ff}.et_success{background:rgba(52,221,135,.1);border:2px solid #34dd87;color:#34dd87}.errors a,.errors a:hover,.et_errors a,.et_errors a:hover,.et_info a,.et_info a:hover,.et_success a,.et_success a:hover,.et_warning a,.et_warning a:hover{color:#ff4c00;text-decoration:underline}.et_warning a,.et_warning a:hover{color:#ffad00}.et_info a,.et_info a:hover{color:#05c9ff}.et_success a,.et_success a:hover{color:#34dd87}.errors p,.errors strong,.et_errors p,.et_errors strong,.et_success p,.et_success strong,.et_warning p,.et_warning strong{color:#ff4c00;font-size:14px;font-weight:600;margin-bottom:0}.et_warning p,.et_warning strong{color:#ffad00}.et_success p,.et_success strong{color:#34dd87}.et-highlighted-overlay{opacity:0;pointer-events:none;visibility:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}} </style><link rel="stylesheet" type="text/css" href="https://www.elegantthemes.com/css/style-deferred.css?ver=6.71" media="print" onload="this.media='all'" /><link rel="stylesheet" type="text/css" href="https://www.elegantthemes.com/css/blog.css?ver=6.71" media="all" /> <link rel="stylesheet" type="text/css" href="https://www.elegantthemes.com/css/blackfriday.css?ver=6.71" /> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-96.png" sizes="96x96"> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-128.png" sizes="128x128"> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-192.png" sizes="192x192"> <script>var et_site_url='https://www.elegantthemes.com/blog';var et_post_id='97741';function et_core_page_resource_fallback(a,b){"undefined"===typeof b&&(b=a.sheet.cssRules&&0===a.sheet.cssRules.length);b&&(a.onerror=null,a.onload=null,a.href?a.href=et_site_url+"/?et_core_page_resource="+a.id+et_post_id:a.src&&(a.src=et_site_url+"/?et_core_page_resource="+a.id+et_post_id))} </script><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <link rel="canonical" href="https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="The Amazing New Divi Transformation Controls!" /> <meta property="og:description" content="Divi’s Transform Controls UnlockTons Of New Design Possibilities Now you can perform amazing freehand design using a collection of new design options that was, until now, only possible in graphic design programs like Photoshop. Today we are introducing a brand new feature to Divi that allows for amazing freehand design within the Divi Builder, giving […]" /> <meta property="og:url" content="https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls" /> <meta property="og:site_name" content="Elegant Themes Blog" /> <meta property="article:publisher" content="http://www.facebook.com/elegantthemes" /> <meta property="article:published_time" content="2019-03-14T18:35:52+00:00" /> <meta property="article:modified_time" content="2022-09-16T21:18:46+00:00" /> <meta property="og:image" content="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/thumbnail-1.jpg" /> <meta property="og:image:width" content="1920" /> <meta property="og:image:height" content="1002" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Nick Roach" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@elegantthemes" /> <meta name="twitter:site" content="@elegantthemes" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Nick Roach" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#article","isPartOf":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls"},"author":{"name":"Nick Roach","@id":"https://www.elegantthemes.com/blog/#/schema/person/86eb70bad977e181140c9e23b6b05c23"},"headline":"The Amazing New Divi Transformation Controls!","datePublished":"2019-03-14T18:35:52+00:00","dateModified":"2022-09-16T21:18:46+00:00","mainEntityOfPage":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls"},"wordCount":845,"commentCount":211,"publisher":{"@id":"https://www.elegantthemes.com/blog/#organization"},"image":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/thumbnail-1.jpg","articleSection":["Theme Releases"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#respond"]}]},{"@type":"WebPage","@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls","url":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls","name":"The Amazing New Divi Transformation Controls!","isPartOf":{"@id":"https://www.elegantthemes.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#primaryimage"},"image":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/thumbnail-1.jpg","datePublished":"2019-03-14T18:35:52+00:00","dateModified":"2022-09-16T21:18:46+00:00","breadcrumb":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#primaryimage","url":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/thumbnail-1.jpg","contentUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/thumbnail-1.jpg","width":1920,"height":1002},{"@type":"BreadcrumbList","@id":"https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https://www.elegantthemes.com/blog"},{"@type":"ListItem","position":2,"name":"Theme Releases","item":"https://www.elegantthemes.com/blog/category/theme-releases"},{"@type":"ListItem","position":3,"name":"The Amazing New Divi Transformation Controls!"}]},{"@type":"WebSite","@id":"https://www.elegantthemes.com/blog/#website","url":"https://www.elegantthemes.com/blog/","name":"Elegant Themes Blog","description":"Best WordPress & Divi Resources","publisher":{"@id":"https://www.elegantthemes.com/blog/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.elegantthemes.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.elegantthemes.com/blog/#organization","name":"Elegant Themes","url":"https://www.elegantthemes.com/blog/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/#/schema/logo/image/","url":"https://www.elegantthemes.com/blog/wp-content/uploads/2022/09/logo.png","contentUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2022/09/logo.png","width":997,"height":461,"caption":"Elegant Themes"},"image":{"@id":"https://www.elegantthemes.com/blog/#/schema/logo/image/"},"sameAs":["http://www.facebook.com/elegantthemes","https://x.com/elegantthemes","https://www.youtube.com/c/elegantthemes","https://www.linkedin.com/company/elegantthemes/"]},{"@type":"Person","@id":"https://www.elegantthemes.com/blog/#/schema/person/86eb70bad977e181140c9e23b6b05c23","name":"Nick Roach","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&r=g","contentUrl":"https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&r=g","caption":"Nick Roach"},"description":"I am the founder and CEO here at Elegant Themes. When I'm not hard at work on new themes, I enjoy writing an article or two on our blog!","url":"https://www.elegantthemes.com/blog/author/admin"}]}</script>  <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='algolia-autocomplete-css' href='https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/css/algolia-autocomplete.css?ver=2.8.2' type='text/css' media='all' /> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <style type="text/css" id="et-social-custom-css"> </style> </head> <body class="post-template-default single single-post postid-97741 single-format-standard release with_promo_slide_in large-slide-in et_bloom et_monarch" > <div id="main-nav" class="transparent-header-dark solid-header"> <div class="menu-bg-wrapper"> <div class="menu-bg"></div> <div class="menu-arrow"></div> </div> <div class="row-container"> <a id="logo" href="https://www.elegantthemes.com/"><img src="https://www.elegantthemes.com/images/logotransparent-header-dark.svg" alt="Elegant Themes"></a> <nav> <ul class="menu"> <li class="menu-wrapper"> <a class="menu-item accent-pink menu-item-divi" href="https://www.elegantthemes.com/gallery/divi/?sale=black-friday-2024">Divi <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div id="divi-sub-menu" class="card card-medium sub-menu sub-menu-extra-wide"> <div class="card-inset-container accent-indigo"> <h3>Divi Features</h3> <hr> <ul class="menu-items"> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/?sale=black-friday-2024"> <svg viewBox="0 0 28 28" class="icon-small"> <title>All Features</title> <polygon points="14 5.67 16.75 11.09 22.76 12.03 18.45 16.33 19.42 22.33 14 19.56 8.58 22.33 9.55 16.33 5.24 12.03 11.25 11.09 14 5.67"/> </svg> <div> <h3 class="subhead">All Features</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/modules/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>200+ Elements</title> <path class="transparent" d="M23,11.12V5.88c0-.49-.39-.88-.88-.88h-5.24c-.49,0-.88,.39-.88,.88v5.24c0,.49,.39,.88,.88,.88h5.24c.49,0,.88-.39,.88-.88Zm-11,11v-5.24c0-.49-.39-.88-.88-.88H5.88c-.49,0-.88,.39-.88,.88v5.24c0,.49,.39,.88,.88,.88h5.24c.49,0,.88-.39,.88-.88Zm11,0v-5.24c0-.49-.39-.88-.88-.88h-5.24c-.49,0-.88,.39-.88,.88v5.24c0,.49,.39,.88,.88,.88h5.24c.49,0,.88-.39,.88-.88Z"/> <path d="M11,12H6c-.55,0-1-.45-1-1V6c0-.55,.45-1,1-1h5c.55,0,1,.45,1,1v5c0,.55-.45,1-1,1Z"/> </svg> <div> <h3 class="subhead">200+ Elements</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/layouts/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>2,000+ Layouts</title> <path d="M6,21h14.01c.55,0,1-.45,1-1V6c0-.55-.45-1-1-1H6c-.55,0-1,.45-1,1v14.01c0,.55,.45,1,1,1Zm13-12H7v-2h12v2Zm0,10h-2V11h2v8Zm-4,0H7V11H15v8Z"/> <path class="transparent" d="M22,7h-1v13c0,.55-.45,1-1,1H7v1c0,.55,.45,1,1,1h14c.55,0,1-.45,1-1V8c0-.55-.45-1-1-1Z"/> </svg> <div> <h3 class="subhead">2,000+ Layouts</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/quick-sites/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Quick Sites</title> <path class="transparent" d="M9,5.7l-.4,1.3h-2.7c-.6,0-1-.4-1-1s.4-1,1-1h4c-.4,0-.8.3-1,.7ZM2,9c-.6,0-1,.4-1,1s.4,1,1,1h5.5l.6-2H2ZM4,12c-.6,0-1,.4-1,1s.4,1,1,1h2.7l.6-2h-3.2ZM26.3,7.4c-.2-.2-.5-.4-.8-.4h-.7l-3.8,13.3c-.1.4-.5.7-1,.7H6.7l-.2.7c0,.3,0,.6.2.9.2.2.5.4.8.4h14c.4,0,.8-.3,1-.7l4-14c0-.3,0-.6-.2-.9Z"/> <path d="M21,20.3l3.8-13.3.2-.7c0-.3,0-.6-.2-.9-.2-.2-.5-.4-.8-.4h-14c-.4,0-.8.3-1,.7l-.4,1.3-.6,2-.6,2-.3,1-.6,2-1.6,5.7c0,.3,0,.6.2.9.2.2.5.4.8.4h14c.4,0,.8-.3,1-.7ZM7.3,19l2.3-8h7.9l-2.3,8h-7.9ZM17.3,19l2.3-8h1.9l-2.3,8h-1.9ZM22.7,7l-.6,2h-11.9l.6-2h11.9Z"/> </svg> <div> <h3 class="subhead with-callout"> Quick Sites <span class="button-callout accent-purple elevation-1 show-callout">New!</span> </h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/no-code-design/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>No-Code Design</title> <rect class="transparent" x="11.24" y="3.13" width="5.52" height="21.74" rx="1.41" ry="1.41" transform="translate(-5.8 14) rotate(-45)"/> <path d="M8.47,16.44c-1.49,0-2.68,1.22-2.68,2.74,0,1.2-1.04,1.83-1.79,1.83,.82,1.11,2.23,1.83,3.58,1.83,1.98,0,3.58-1.64,3.58-3.66,0-1.52-1.2-2.74-2.68-2.74Zm14.17-7.19l-8.64,8.64-3.9-3.9L18.74,5.36c.55-.55,1.44-.55,1.99,0l1.91,1.91c.55,.55,.55,1.44,0,1.99Z"/> </svg> <div> <h3 class="subhead">No-Code Design</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/theme-builder/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Theme Builder</title> <path class="transparent" d="M12.16,10.01l5.83,5.83c1.32-0.5,2.87-0.22,3.93,0.84c1.14,1.14,1.38,2.84,0.72,4.21l-2.17-2.17 c-0.48-0.48-1.25-0.48-1.73,0c-0.48,0.48-0.48,1.25,0,1.73l2.18,2.18c-1.38,0.67-3.09,0.43-4.23-0.71c-1.06-1.06-1.34-2.59-0.85-3.9 l-5.85-5.85c-1.31,0.49-2.85,0.2-3.9-0.85C4.94,10.17,4.7,8.48,5.36,7.1l2.17,2.17c0.48,0.48,1.25,0.48,1.73,0 c0.48-0.48,0.48-1.25,0-1.73L7.08,5.37c1.38-0.67,3.09-0.43,4.23,0.71C12.38,7.15,12.66,8.69,12.16,10.01L12.16,10.01z"/> <path d="M8.33,18.64l4.01-4l-0.49-0.49l7.6-8.87c0.37-0.37,0.96-0.37,1.33,0l1.95,1.95c0.37,0.37,0.37,0.96,0,1.33 l-8.8,7.66l-0.54-0.54l-4.01,4l-1.36,2.55L6.05,23L5,21.95l0.8-2L8.33,18.64L8.33,18.64z"/> </svg> <div> <h3 class="subhead">Theme Builder</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/ecommerce/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Ecommerce</title> <path class="transparent" d="M12,22c0,1.1-.9,2-2,2s-2-.9-2-2,.9-2,2-2,2,.9,2,2Zm8-2c-1.1,0-2,.9-2,2s.9,2,2,2,2-.9,2-2-.9-2-2-2Z"/> <path d="M21,16c.45,0,.84-.3,.96-.73l2-7c.09-.3,.03-.63-.16-.88-.19-.25-.48-.4-.8-.4H7.84l-.38-2.17c-.08-.48-.5-.83-.99-.83h-2.48v2h1.64l.38,2.17h.02s0,.07,0,.1l1.96,6.86v2.86c0,.55,.45,1,1,1h13v-2H10v-1h11Zm.67-7l-1.43,5H9.75l-1.43-5h13.35Z"/> </svg> <div> <h3 class="subhead">Ecommerce</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/workflow/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Workflow</title> <path class="transparent" d="M18,10H10c-1.1,0-2-.9-2-2v-2c0-1.1,.9-2,2-2h8c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2ZM10,6v2h8v-2H10Zm8,18H10c-1.1,0-2-.9-2-2v-2c0-1.1,.9-2,2-2h8c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2Zm-8-4v2h8v-2H10Zm8-3H10c-1.1,0-2-.9-2-2v-2c0-1.1,.9-2,2-2h8c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2Zm-8-4v2h8v-2H10Z"/> <path d="M19,15v-2c1.38,0,2.5-1.12,2.5-2.5s-1.12-2.5-2.5-2.5v-2c2.48,0,4.5,2.02,4.5,4.5s-2.02,4.5-4.5,4.5Zm-10.5,5c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5v-2c-2.48,0-4.5,2.02-4.5,4.5s2.02,4.5,4.5,4.5v-2Z"/> </svg> <div> <h3 class="subhead">Workflow</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/marketing/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Marketing</title> <path d="M23,6.62v12.76c0,.74-.78,1.23-1.45,.89l-3.17-1.59c-2.22-1.11-4.67-1.69-7.16-1.69h-.22V9h.22c2.48,0,4.93-.58,7.16-1.69l3.17-1.59c.66-.33,1.45,.15,1.45,.89Zm-14,2.38h-1c-2.21,0-4,1.79-4,4h0c0,2.21,1.79,4,4,4h1V9Z"/> <polygon class="transparent" points="15 24 11 24 9 17 13 17 15 24"/> </svg> <div> <h3 class="subhead">Marketing</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/developers/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Developers</title> <path d="M19,19.19c-.26,0-.51-.1-.71-.29-.39-.39-.39-1.02,0-1.41l3.49-3.49-3.49-3.49c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l4.19,4.19c.39,.39,.39,1.02,0,1.41l-4.19,4.19c-.2,.2-.45,.29-.71,.29Zm-9.29-.29c.39-.39,.39-1.02,0-1.41l-3.49-3.49,3.49-3.49c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-4.19,4.19c-.39,.39-.39,1.02,0,1.41l4.19,4.19c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Z"/> <path class="transparent" d="M13,21c-.05,0-.11,0-.17-.01-.54-.09-.91-.61-.82-1.15l2-12c.09-.54,.6-.92,1.15-.82,.54,.09,.91,.61,.82,1.15l-2,12c-.08,.49-.5,.84-.99,.84Z"/> </svg> <div> <h3 class="subhead">Developers</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/examples/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Site Examples</title> <path d="M23,17V7c0-.55-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1,.45-1,1v1H6c-.55,0-1,.45-1,1v10c-.55,0-1,.45-1,1s.45,1,1,1h3.61l-1.56,4.68c-.17,.52,.11,1.09,.63,1.26,.11,.04,.21,.05,.32,.05,.42,0,.81-.26,.95-.68l1.77-5.32h2.28v4c0,.55,.45,1,1,1s1-.45,1-1v-4h2.28l1.77,5.32c.14,.42,.53,.68,.95,.68,.1,0,.21-.02,.32-.05,.52-.17,.81-.74,.63-1.26l-1.56-4.68h3.61c.55,0,1-.45,1-1s-.45-1-1-1Zm-16,0V8h14v9H7Z"/> <rect class="transparent" x="9" y="10" width="10" height="5"/> </svg> <div> <h3 class="subhead">Site Examples</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/integrations/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Integrations</title> <path d="M16.39,22.9c.18-.16,.34-.33,.5-.5,.3-.33,.34-.82,.09-1.19l-.8-1.19c-.38-.57-.06-1.34,.61-1.47l1.41-.28c.43-.09,.75-.46,.78-.9,0-.12,.01-.24,.01-.36s0-.24-.01-.36c-.02-.44-.34-.81-.78-.9l-1.41-.28c-.67-.13-.99-.9-.61-1.47l.8-1.19c.25-.37,.21-.86-.09-1.19-.16-.18-.33-.34-.5-.5-.33-.3-.82-.34-1.19-.09l-1.19,.8c-.57,.38-1.34,.06-1.47-.61l-.28-1.41c-.09-.43-.46-.75-.9-.78-.12,0-.24-.01-.36-.01s-.24,0-.36,.01c-.44,.02-.81,.34-.9,.78l-.28,1.41c-.13,.67-.9,.99-1.47,.61l-1.19-.8c-.37-.25-.86-.21-1.19,.09-.18,.16-.34,.33-.5,.5-.3,.33-.34,.82-.09,1.19l.8,1.19c.38,.57,.06,1.34-.61,1.47l-1.41,.28c-.43,.09-.75,.46-.78,.9,0,.12-.01,.24-.01,.36s0,.24,.01,.36c.02,.44,.34,.81,.78,.9l1.41,.28c.67,.13,.99,.9,.61,1.47l-.8,1.19c-.25,.37-.21,.86,.09,1.19,.16,.18,.33,.34,.5,.5,.33,.3,.82,.34,1.19,.09l1.19-.8c.57-.38,1.34-.06,1.47,.61l.28,1.41c.09,.43,.46,.75,.9,.78,.12,0,.24,.01,.36,.01s.24,0,.36-.01c.44-.02,.81-.34,.9-.78l.28-1.41c.13-.67,.9-.99,1.47-.61l1.19,.8c.37,.25,.86,.21,1.19-.09Zm-5.39-2.7c-1.77,0-3.2-1.43-3.2-3.2s1.43-3.2,3.2-3.2,3.2,1.43,3.2,3.2-1.43,3.2-3.2,3.2Z"/> <path class="transparent" d="M24.76,10.96c.07-.16,.14-.32,.2-.48,.11-.3,0-.64-.27-.82l-.87-.58c-.41-.28-.41-.88,0-1.16l.87-.58c.27-.18,.38-.51,.27-.82-.03-.08-.06-.17-.09-.25s-.07-.16-.11-.24c-.14-.29-.46-.45-.77-.39l-1.02,.2c-.49,.1-.91-.33-.82-.82l.2-1.02c.06-.32-.1-.64-.39-.77-.16-.07-.32-.14-.48-.2-.3-.11-.64,0-.82,.27l-.58,.87c-.28,.41-.88,.41-1.16,0l-.58-.87c-.18-.27-.51-.38-.82-.27-.08,.03-.17,.06-.25,.09s-.16,.07-.24,.11c-.29,.14-.45,.46-.39,.77l.2,1.02c.1,.49-.33,.91-.82,.82l-1.02-.2c-.32-.06-.64,.1-.77,.39-.07,.16-.14,.32-.2,.48-.11,.3,0,.64,.27,.82l.87,.58c.41,.28,.41,.88,0,1.16l-.87,.58c-.27,.18-.38,.51-.27,.82,.03,.08,.06,.17,.09,.25s.07,.16,.11,.24c.14,.29,.46,.45,.77,.39l1.02-.2c.49-.1,.91,.33,.82,.82l-.2,1.02c-.06,.32,.1,.64,.39,.77,.16,.07,.32,.14,.48,.2,.3,.11,.64,0,.82-.27l.58-.87c.28-.41,.88-.41,1.16,0l.58,.87c.18,.27,.51,.38,.82,.27,.08-.03,.17-.06,.25-.09s.16-.07,.24-.11c.29-.14,.45-.45,.39-.77l-.2-1.02c-.1-.49,.33-.91,.82-.82l1.02,.2c.32,.06,.64-.1,.77-.39Zm-4.37-.31c-1.19,.49-2.54-.07-3.04-1.26s.07-2.54,1.26-3.04,2.54,.07,3.04,1.26-.07,2.54-1.26,3.04Z"/> </svg> <div> <h3 class="subhead">Integrations</h3> </div> </a> </li> </ul> </div> <div class="menu-block-wide"> <h3>Divi Products & Services</h3> <span class="menu-discount-badge">It's The Divi Black Friday Sale! Save Up To 73% Off Today 👇</span> <hr> <ul class="menu-items primary-menu-items"> <li class="accent-purple"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi</title> <path d="M14,2c6.62,0,12,5.38,12,12s-5.38,12-12,12S2,20.62,2,14S7.38,2,14,2 M14,0C6.27,0,0,6.27,0,14 c0,7.73,6.27,14,14,14s14-6.27,14-14C28,6.27,21.73,0,14,0L14,0z"/> <path d="M17.92,17.49c0.37-0.44,0.65-0.96,0.84-1.55c0.19-0.6,0.44-2.64-0.01-3.98c-0.2-0.59-0.48-1.11-0.85-1.54 c-0.37-0.43-0.82-0.76-1.36-1C16,9.18,15.36,9,14.65,9H11v10h3.65c0.72,0,1.36-0.24,1.91-0.49C17.1,18.27,17.56,17.92,17.92,17.49z M17.22,7.54c0.81,0.34,1.51,0.83,2.08,1.45c0.56,0.62,0.99,1.36,1.28,2.2C20.86,12.03,21,13.01,21,14c0,0.97-0.13,1.83-0.41,2.67 c-0.28,0.84-0.7,1.59-1.26,2.21c-0.56,0.63-1.25,1.13-2.08,1.49C16.44,20.72,15.49,21,14.43,21H10c-0.55,0-1-0.45-1-1V8 c0-0.55,0.45-1,1-1h4.43C15.47,7,16.41,7.2,17.22,7.54z"/> </svg> </div> <div class="menu-product-divi"> <h3 class="subhead">Divi Theme & Builder</h3> <p>The #1 WordPress Theme & Builder</p> </div> </a> </li> <li class="accent-green"> <a class="icon-blurb" href="https://www.elegantthemes.com/marketplace/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Marketplace</title> <path class="transparent" d="M20.9,6H7.1A1.1,1.1,0,0,0,6,7.1V21.9A1.1,1.1,0,0,0,7.1,23H20.9A1.1,1.1,0,0,0,22,21.9V7.1A1.1,1.1,0,0,0,20.9,6ZM20,21H16V18a2,2,0,0,0-2-2h0a2,2,0,0,0-2,2v3H8V9H20Z"/> <path d="M6.67,5a2,2,0,0,0-2,1.64L4,10.5a2.5,2.5,0,0,0,5,0,2.5,2.5,0,0,0,5,0,2.5,2.5,0,0,0,5,0,2.5,2.5,0,0,0,5,0l-.7-3.86a2,2,0,0,0-2-1.64Z"/> </svg> </div> <div> <h3 class="subhead">Divi Marketplace</h3> <p>Divi Modules, Layouts & Themes</p> </div> </a> </li> <li class="accent-indigo"> <a class="icon-blurb" href="https://www.elegantthemes.com/divi-cloud/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi Cloud</title> <path d="M21,13h0a6.49,6.49,0,0,0-12.8-1A4.48,4.48,0,0,0,8,21V21H21a4,4,0,0,0,0-8Z"/> </svg> </div> <div class="menu-product-divi_cloud"> <h3 class="subhead">Divi Cloud</h3> <p>Cloud Storage For Divi Designers</p> </div> </a> </li> <li class="accent-teal"> <a class="icon-blurb" href="https://www.elegantthemes.com/ai/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi AI</title> <path d="m18.94,15.07l-1.25-.29c-3.57-.81-6.35-3.6-7.17-7.17l-.29-1.25c-.08-.35-.59-.35-.67,0l-.29,1.25c-.81,3.57-3.6,6.35-7.17,7.17l-1.25.29c-.35.08-.35.59,0,.67l1.25.29c3.57.81,6.35,3.6,7.17,7.17l.29,1.25c.08.35.59.35.67,0l.29-1.25c.81-3.57,3.6-6.35,7.17-7.17l1.25-.29c.35-.08.35-.59,0-.67Z"/> <path d="m26.78,24.26c-1.11-.25-1.98-1.12-2.23-2.23l-.14-.63-.14.63c-.25,1.11-1.12,1.98-2.23,2.23l-.63.14.63.14c1.11.25,1.98,1.12,2.23,2.23l.14.63.14-.63c.25-1.11,1.12-1.98,2.23-2.23l.63-.14-.63-.14Z"/> <path d="m21.74,9.94c.48-2.09,2.11-3.73,4.2-4.2.35-.08.35-.59,0-.67-2.09-.48-3.73-2.11-4.2-4.2-.08-.35-.59-.35-.67,0-.48,2.09-2.11,3.73-4.2,4.2-.35.08-.35.59,0,.67,2.09.48,3.73,2.11,4.2,4.2.08.35.59.35.67,0Z"/> </svg> </div> <div class="menu-product-divi_ai"> <h3 class="subhead with-callout"> Divi AI <span class="button-callout accent-teal elevation-1 show-callout">New!</span> </h3> <p>Build Divi Websites With AI</p> </div> </a> </li> <li class="accent-orange"> <a class="icon-blurb" href="/teams/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Teams</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"></path> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"></path> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"></path> </svg> </div> <div class="menu-product-divi_teams"> <h3 class="subhead">Divi Teams</h3> <p>Collaboration for Divi Agencies</p> </div> </a> </li> </ul> <ul class="menu-items primary-menu-items"> <li class="accent-blue"> <a class="icon-blurb" href="https://www.elegantthemes.com/hosting/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Hosting</title> <path d="M22,5H6A1,1,0,0,0,5,6V9a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V6A1,1,0,0,0,22,5ZM8,8H7V7H8Zm3,0H10V7h1ZM21,8H15V7h6Zm1,9H6a1,1,0,0,0-1,1v3a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V18A1,1,0,0,0,22,17ZM8,20H7V19H8Zm3,0H10V19h1Zm10,0H15V19h6Zm1-9H6a1,1,0,0,0-1,1v3a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V12A1,1,0,0,0,22,11ZM8,14H7V13H8Zm3,0H10V13h1Zm10,0H15V13h6Z"/> </svg> </div> <div> <h3 class="subhead">Divi Hosting</h3> <p>Fast WordPress Hosting For Divi</p> </div> </a> </li> <li class="accent-navy"> <a class="icon-blurb" href="https://www.elegantthemes.com/vip/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi VIP</title> <path d="m21.5,22H6.5c-.43,0-.81-.3-.9-.73l-2.12-10.29c-.17-.81.75-1.41,1.43-.93l3.68,2.63c.44.32,1.07.18,1.33-.3l3.28-5.91c.35-.63,1.25-.63,1.6,0l3.28,5.91c.27.48.89.62,1.33.3l3.68-2.63c.68-.48,1.59.11,1.43.93l-2.12,10.29c-.09.42-.46.73-.9.73Z"/> </svg> </div> <div class="menu-product-divi_vip"> <h3 class="subhead">Divi VIP</h3> <p>Amazing Support + Big Discounts</p> </div> </a> </li> <li class="accent-pink"> <a class="icon-blurb" href="https://www.elegantthemes.com/dash/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Dash</title> <path d="M5,8c0-.55.45-1,1-1h8.18c.41-1.16,1.51-2,2.82-2s2.4.84,2.82,2h2.18c.55,0,1,.45,1,1s-.45,1-1,1h-2.18c-.41,1.16-1.51,2-2.82,2s-2.4-.84-2.82-2H6c-.55,0-1-.45-1-1ZM20,17c-1.3,0-2.4.84-2.82,2H6c-.55,0-1,.45-1,1s.45,1,1,1h11.18c.41,1.16,1.51,2,2.82,2,1.66,0,3-1.34,3-3s-1.34-3-3-3ZM22,13h-8.18c-.41-1.16-1.51-2-2.82-2s-2.4.84-2.82,2h-2.18c-.55,0-1,.45-1,1s.45,1,1,1h2.18c.41,1.16,1.51,2,2.82,2s2.4-.84,2.82-2h8.18c.55,0,1-.45,1-1s-.45-1-1-1Z"/> </svg> </div> <div class="menu-product-divi_vip"> <h3 class="subhead">Divi Dash</h3> <p>WordPress Site Manager</p> </div> </a> </li> </ul> <a class="button fullwidth-button accent-blue" href="https://www.elegantthemes.com/join/?sale=black-friday-2024">Get Divi Today</a> </div> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink" href="https://www.elegantthemes.com/freelancers/">Divi For <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div id="divi-sub-menu" class="card card-medium sub-menu sub-menu-extra-extra-wide horizontal-menu"> <ul class="menu-items primary-menu-items"> <li class="accent-purple centered"> <a href="https://www.elegantthemes.com/agencies/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Web Design Agencies</title> <path d="M168,111c0,.55-.45,1-1,1H1c-.55,0-1-.45-1-1s.45-1,1-1H11.11c-1.3-1.27-2.11-3.04-2.11-5v-3c0-.55,.45-1,1-1h12v-26.55c-1.14,1.05-1.57,2.57-1.22,5.85,.19,.95-.11,1.91-.82,2.58-.53,.51-1.22,.77-1.93,.77-.25,0-.5-.03-.75-.1l-12.76-3.51c-2.14-.59-3.77-2.3-4.25-4.47,0-.04-.02-.08-.02-.13-.05-.54-1.11-13.27,4.61-21.38,0,0,2.72-4.28,2.77-8.71,.01-1.19,.55-2.3,1.47-3.05,.92-.75,2.12-1.05,3.3-.83,1.57,.3,2.8,1.59,3.14,3.17l2.08-3.72c.82-1.63,2.66-2.43,4.4-2.05v-10.87c0-3.86,3.14-7,7-7h38.24c-1.74-3.78-2.54-6.88-2.6-7.14-.01-.04-.02-.08-.02-.13-.26-2.21,.72-4.36,2.55-5.62L78.07,.61c.82-.56,1.85-.65,2.75-.24,.89,.4,1.49,1.21,1.62,2.17,1.22,5.23,2.86,5.4,6.45,5.77,1.75,.18,3.94,.41,6.49,1.33,4.46,1.62,7,3.36,7.77,5.31,.37,.95,.32,1.96-.15,2.91l17.13,3.15h18.88c3.86,0,7,3.14,7,7v26.92l.69,.8c.01-1.62,.96-3.13,2.44-3.74,1.11-.46,2.35-.4,3.4,.15,1.05,.55,1.8,1.54,2.05,2.7,.94,4.33,4.45,7.97,4.49,8.01,7.2,6.77,8.71,19.46,8.77,20,0,.04,0,.09,0,.13-.04,2.22-1.29,4.23-3.27,5.23l-11.8,6c-.4,.21-.84,.31-1.27,.31-.52,0-1.03-.14-1.49-.43-.82-.52-1.31-1.4-1.32-2.36-.34-3.54-1.16-4.9-2.7-5.66v14.94h11c.55,0,1,.45,1,1v3c0,1.96-.81,3.73-2.11,5h11.11c.55,0,1,.45,1,1ZM24,101h120v-15.62c-.3-.08-.6-.15-.93-.23-1.18-.28-2.55-.62-4.07-1.2-.64-.25-1.31-.54-2-.89-.06-.03-.12-.06-.18-.09-2.69-1.41-4.59-2.76-5.75-4.08-.5-.57-.84-1.13-1.07-1.69-.07-.17-.14-.35-.19-.52-.15-.61-.12-1.21,.05-1.8l-17.47,2.57-3.06,.45-4.34,.64-2,.29-6.05,.89c-.2,.03-.39,.04-.58,.04-1.95,0-3.66-1.43-3.95-3.42l-2.33-15.83c-.16-1.06,.11-2.11,.75-2.97,.64-.86,1.57-1.41,2.63-1.57l38.59-5.67c1.06-.16,2.11,.11,2.97,.75,.86,.64,1.41,1.57,1.57,2.63l.23,1.57c-.07-1.25,.45-2.52,1.5-3.36,1.73-1.37,4.25-1.08,5.62,.65l.06,.07V28c0-2.76-2.24-5-5-5h-12.6c.61,.75,.91,1.75,.73,2.77l-.59,3.23-.37,2-2.14,11.63c-.17,.9-.67,1.68-1.43,2.2-.58,.4-1.25,.61-1.94,.61-.21,0-.42-.02-.63-.06l-22.74-4.18c-1.53,.99-3.59,.85-4.95-.47l-3.15-2.8c.16,1.29-.29,2.58-1.19,3.46-.22,.21-.46,.41-.73,.57-.4,.23-.83,.38-1.27,.46-.25,.05-.5,.08-.75,.08-.46,0-.92-.08-1.37-.24-1.12-.41-1.99-1.28-2.39-2.4-1.5-4.17-5.47-7.31-5.51-7.34-.65-.47-1.26-.98-1.85-1.52-.68-.63-1.32-1.3-1.91-2-1.61-1.88-2.93-3.98-3.99-6H29c-2.76,0-5,2.24-5,5v11.98c1.15,1.18,1.51,2.98,.75,4.53l-.75,2.12v.16c.57-.13,1.16-.21,1.76-.26l1.22-7.26c.37-2.19,2.45-3.68,4.65-3.31l.37,.06,2,.34,39.68,6.68c2.19,.37,3.68,2.46,3.31,4.65l-.05,.3-.34,2-2.17,12.87c-.18,1.06-.76,1.99-1.64,2.62-.69,.49-1.5,.75-2.33,.75-.23,0-.45-.02-.68-.06l-33.73-5.68c.14,.4,.22,.83,.2,1.28-.08,2.1-1.92,4.57-5.6,7.57-2.1,1.71-4.09,2.64-5.69,3.39-.35,.16-.67,.31-.97,.46v27.8Zm.12-30.08c1.58-.74,3.36-1.57,5.28-3.13,4.15-3.38,4.83-5.27,4.86-6.1,.02-.47-.15-.85-.52-1.21-.57-.54-2.06,.31-3.64,1.2-.37,.21-.75,.42-1.13,.63-2.25,1.22-4.77,1.14-6.41-.2-1.5-1.22-1.97-3.22-1.29-5.47,.53-1.74,2.71-3.08,3.15-3.33,1.18-.68,2.61-.89,4-1.09,2.13-.31,3.15-.56,3.3-1.43,.06-.36,.04-.84-.64-1.33-1.72-1.25-6-1.33-8.32-.15-.02,.01-.05,.01-.07,.02-.02,0-.03,.02-.04,.03-.04,.01-1.94,.75-2.8,2.62-.17,.37-.53,.58-.91,.58-.14,0-.28-.03-.42-.09-.5-.23-.72-.82-.49-1.33,.93-2.02,2.65-3.06,3.47-3.47l1.38-3.91s.03-.08,.05-.12c.24-.48,.28-1.02,.12-1.53-.17-.51-.52-.92-1-1.16-.98-.5-2.19-.1-2.69,.88l-4.08,7.31c-.05,.14-.13,.27-.23,.38l-1.49,2.05c-.2,.27-.5,.41-.81,.41-.2,0-.41-.06-.59-.19-.45-.32-.55-.95-.22-1.4l1.4-1.93c.16-.98,.26-1.97,.27-2.95,.02-1.03-.67-1.94-1.6-2.12-.61-.12-1.19,.03-1.66,.41-.46,.38-.73,.93-.74,1.53-.06,5.02-2.99,9.61-3.11,9.81-5.13,7.27-4.35,19.05-4.28,20.02,.34,1.41,1.41,2.53,2.82,2.91l12.76,3.51c.4,.11,.67-.1,.77-.19s.32-.36,.23-.76c0-.04-.01-.07-.02-.11-.74-6.81,1.94-8.06,5.33-9.64Zm50.55-25.07c-.32-.44-.78-.74-1.32-.83l-42.06-7.08c-.11-.02-.23-.03-.34-.03-.98,0-1.84,.71-2.01,1.7l-1.16,6.91c1.76,.11,3.4,.56,4.47,1.34,1.13,.82,1.64,1.98,1.43,3.26-.39,2.42-2.83,2.78-4.98,3.09-.79,.12-1.59,.24-2.29,.45l-.02,.12c-.19,1.11,.56,2.16,1.67,2.35l42.06,7.08c.54,.09,1.08-.03,1.52-.35,.44-.32,.74-.78,.83-1.32l2.55-15.16c.09-.54-.03-1.08-.35-1.52Zm-50.67,14.83c1.02,.7,2.57,.67,4.03-.12,.37-.2,.74-.41,1.1-.61,.28-.16,.57-.32,.85-.48l-2.24-.38c-1.75-.3-3.03-1.69-3.3-3.36-.15,.12-.3,.25-.44,.38v4.56ZM66.6,13.44c.25,.95,3.4,12.33,10.58,17.48,.21,.17,4.49,3.55,6.19,8.27,.2,.56,.64,1,1.2,1.2,.56,.21,1.17,.15,1.7-.16,.82-.47,1.17-1.56,.82-2.52-.34-.92-.75-1.82-1.23-2.7l-1.95-1.36c-.45-.32-.56-.94-.25-1.39,.31-.45,.94-.56,1.39-.25l2.11,1.47c.12,.07,.23,.15,.32,.27l6.22,5.53c.82,.79,2.09,.77,2.86-.02,.77-.79,.74-2.06-.05-2.83-.03-.03-.06-.06-.09-.09l-2.59-3.24c-.91-.11-2.88-.53-4.42-2.13-.38-.4-.37-1.03,.03-1.41s1.03-.37,1.41,.03c1.44,1.5,3.48,1.56,3.5,1.56,.02,0,.03,0,.05,.01,.02,0,.05,0,.07,0,2.58,.35,6.6-1.12,7.81-2.87,.47-.68,.34-1.14,.16-1.46-.42-.78-1.46-.67-3.58-.27-1.37,.26-2.79,.53-4.13,.28-.49-.09-2.99-.63-4.06-2.11-1.38-1.9-1.6-3.94-.58-5.59,1.11-1.8,3.46-2.7,5.99-2.29,.43,.07,.86,.15,1.28,.23,1.79,.33,3.47,.64,3.83-.06,.23-.46,.26-.87,.09-1.31-.3-.77-1.56-2.34-6.59-4.16-2.32-.84-4.28-1.04-6.01-1.22-3.72-.38-6.66-.69-8.2-7.36,0-.04-.01-.07-.02-.11-.05-.41-.34-.58-.47-.64-.13-.06-.45-.16-.79,.07l-10.9,7.51c-1.2,.83-1.85,2.23-1.7,3.68Zm30.25,5.55c-.35-.06-.71-.13-1.08-.19-1.73-.28-3.28,.26-3.97,1.37-.16,.26-.26,.54-.3,.84h4.74l.16-.87c.08-.42,.24-.8,.44-1.14Zm-4.89,4.01c.1,.18,.21,.35,.34,.53,.43,.59,1.77,1.12,2.82,1.32,.13,.02,.27,.03,.41,.04l.35-1.89h-3.92Zm8.33-3.61c-.26,0-.54,0-.81-.02-.54,.12-.99,.54-1.1,1.12l-.78,4.25c.3-.05,.61-.11,.91-.17,2.14-.41,4.56-.87,5.72,1.28,.61,1.14,.51,2.4-.28,3.55-1.3,1.88-4.55,3.4-7.51,3.72l1.52,1.9c1.19,1.19,1.47,2.95,.83,4.42l21.61,3.97c.38,.07,.76-.01,1.07-.23,.31-.22,.53-.54,.59-.92l3.1-16.86c.14-.78-.37-1.52-1.15-1.66l-23.72-4.36Zm42.11,34.42c-.71-.89-1.97-1.04-2.84-.35-.86,.69-1.01,1.95-.32,2.81,.03,.03,.05,.07,.07,.11l2.14,3.55c.89,.23,2.78,.9,4.1,2.7,.33,.45,.23,1.07-.22,1.4-.18,.13-.39,.19-.59,.19-.31,0-.61-.14-.81-.41-1.22-1.67-3.24-2-3.26-2.01-.02,0-.03-.01-.05-.02-.02,0-.05,0-.07,0-2.51-.69-6.69,.24-8.13,1.81-.56,.62-.49,1.09-.36,1.43,.31,.83,1.36,.86,3.52,.74,1.4-.08,2.84-.16,4.13,.27,.47,.16,2.88,1.03,3.75,2.63,1.12,2.07,1.06,4.12-.16,5.62-1.34,1.64-3.79,2.22-6.24,1.48-.42-.13-.83-.26-1.23-.39-1.73-.56-3.36-1.09-3.8-.45-.29,.42-.38,.83-.26,1.28,.2,.8,1.24,2.52,5.98,5,2.19,1.14,4.1,1.6,5.8,2.01,3.64,.87,6.51,1.56,7.16,8.38,0,.04,0,.07,0,.11,0,.41,.26,.62,.38,.7,.12,.07,.43,.22,.79,.03l11.8-6c1.3-.66,2.13-1.97,2.18-3.42-.12-.97-1.73-12.67-8.18-18.73-.19-.19-3.98-4.11-5.04-9.01-.13-.58-.5-1.07-1.03-1.35-.53-.28-1.14-.3-1.71-.07-.88,.36-1.37,1.39-1.15,2.39,.21,.95,.5,1.91,.86,2.84l1.76,1.61c.41,.37,.44,1,.06,1.41-.2,.22-.47,.33-.74,.33-.24,0-.48-.09-.67-.26l-1.87-1.71c-.12-.09-.23-.19-.3-.32l-5.44-6.31Zm-4.94,5.79c.48-.04,.96-.07,1.43-.06l-1.26-2.08c-.39-.51-.62-1.09-.74-1.68l.56,3.82Zm-6.51,2.64c.96-1.06,2.67-1.88,4.53-2.32l-.87-5.95c-.08-.53-.36-1-.78-1.31-.35-.26-.76-.4-1.19-.4-.1,0-.2,0-.29,.02l-38.59,5.67c-.53,.08-1,.36-1.31,.78-.32,.43-.45,.96-.37,1.48l2.33,15.83c.08,.53,.36,.99,.79,1.31,.43,.32,.96,.45,1.48,.37l38.59-5.67c1.09-.16,1.85-1.18,1.69-2.27l-.31-2.1c-.31,.01-.62,.03-.93,.05-2.17,.12-4.63,.26-5.5-2.03-.46-1.21-.19-2.45,.75-3.48Zm5.92,11.35c.26,.08,.51,.17,.78,.25,.33,.1,.66,.16,.98,.19,1.3,.15,2.47-.21,3.13-1.02,.7-.85,.68-2.06-.04-3.4-.35-.64-1.61-1.35-2.62-1.68-.13-.04-.28-.06-.42-.09l.25,1.68c.19,1.3-.28,2.54-1.15,3.41-.27,.27-.57,.49-.9,.67Zm14.14,36.41c2.76,0,5-2.24,5-5v-2H11v2c0,2.76,2.24,5,5,5H151Z"/> <path class="transparent" d="M83.37,50h-6.76l.34-2h6.42c1.45,0,2.63-1.18,2.63-2.63v-2.94c.44-.08,.87-.23,1.27-.46,.27-.16,.51-.35,.73-.57v3.97c0,2.55-2.08,4.63-4.63,4.63Zm-10.01-4.97l-42.06-7.08c-.11-.02-.23-.03-.34-.03-.98,0-1.84,.71-2.01,1.7l-1.16,6.91c1.76,.11,3.4,.56,4.47,1.34,1.13,.82,1.64,1.98,1.43,3.26-.39,2.42-2.83,2.78-4.98,3.09-.79,.12-1.59,.24-2.29,.45l-.02,.12c-.19,1.11,.56,2.16,1.67,2.35l42.06,7.08c.54,.09,1.08-.03,1.52-.35,.44-.32,.74-.78,.83-1.32l2.55-15.16c.09-.54-.03-1.08-.35-1.52s-.78-.74-1.32-.83Zm14.65,30.98v15.99c0,2.21-1.8,4-4,4H36c-2.21,0-4-1.8-4-4v-15.99c0-2.21,1.8-4,4-4h47.99c2.21,0,4,1.8,4,4Zm-51.21-2l23.21,8.93,23.21-8.93H36.79Zm20.43,10l-23.01-8.85c-.12,.26-.2,.55-.2,.86v15.99c0,.31,.08,.6,.2,.86l23.01-8.85Zm26,10l-23.21-8.93-23.21,8.93h46.43Zm2.79-18c0-.31-.08-.6-.2-.86l-23.01,8.85,23.01,8.85c.12-.26,.2-.55,.2-.86v-15.99Zm17,16.38v-13.56l2-.29v13.86c0,.14,.02,.27,.06,.4l14.06-8.79-9.77-6.11,3.06-.45,8.6,5.38,9-5.63c.22,.56,.57,1.12,1.07,1.69l-8.18,5.11,14.06,8.79c.03-.13,.06-.26,.06-.4v-9.33c.69,.35,1.36,.64,2,.89v8.44c0,1.99-1.62,3.61-3.61,3.61h-28.78c-1.99,0-3.61-1.62-3.61-3.61Zm3.89,1.61h28.23l-14.11-8.82-14.11,8.82Zm31.73-19.97c-.21-.43-.5-.8-.85-1.12-.27,.27-.57,.49-.9,.67,.26,.08,.51,.17,.78,.25,.33,.1,.66,.16,.98,.19Zm-3.14-14.12l-.87-5.95c-.08-.53-.36-1-.78-1.31-.35-.26-.76-.4-1.19-.4-.1,0-.2,0-.29,.02l-38.59,5.67c-.53,.08-1,.36-1.31,.78-.32,.43-.45,.96-.37,1.48l2.33,15.83c.08,.53,.36,.99,.79,1.31,.43,.32,.96,.45,1.48,.37l38.59-5.67c1.09-.16,1.85-1.18,1.69-2.27l-.31-2.1c-.31,.01-.62,.03-.93,.05-2.17,.12-4.63,.26-5.5-2.03-.46-1.21-.19-2.45,.75-3.48,.96-1.06,2.67-1.88,4.53-2.32Zm-61.35-28.91c-.68-.63-1.32-1.3-1.91-2H24v2h8v5.03l2,.34v-5.37h40.13Zm69.87-2h-17.47l-.37,2h17.84v-2Zm-43.72-9.61c-.26,0-.54,0-.81-.02-.54,.12-.99,.54-1.1,1.12l-.78,4.25c.3-.05,.61-.11,.91-.17,2.14-.41,4.56-.87,5.72,1.28,.61,1.14,.51,2.4-.28,3.55-1.3,1.88-4.55,3.4-7.51,3.72l1.52,1.9c1.19,1.19,1.47,2.95,.83,4.42l21.61,3.97c.38,.07,.76-.01,1.07-.23,.31-.22,.53-.54,.59-.92l3.1-16.86c.14-.78-.37-1.52-1.15-1.66l-23.72-4.36ZM30,26c0,.55-.45,1-1,1s-1-.45-1-1,.45-1,1-1,1,.45,1,1Zm3-1c-.55,0-1,.45-1,1s.45,1,1,1,1-.45,1-1-.45-1-1-1Zm4,0c-.55,0-1,.45-1,1s.45,1,1,1,1-.45,1-1-.45-1-1-1Z"/> </svg> <h3 class="subhead">Web Design Agencies</h3> <p>Power your web design business, collaborate with your team and build websites faster.</p> </a> </li> <li class="accent-blue centered"> <a href="https://www.elegantthemes.com/freelancers/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Web Design Freelancers</title> <path d="M88,81c-4.96,0-9,4.04-9,9s4.04,9,9,9,9-4.04,9-9-4.04-9-9-9Zm0,16c-3.86,0-7-3.14-7-7s3.14-7,7-7,7,3.14,7,7-3.14,7-7,7Zm79-48h-6v-16c0-1.65-1.35-3-3-3h-3v-9c0-1.65-1.35-3-3-3h-2c-.39,0-.77,.08-1.12,.22-.35-1.27-1.5-2.22-2.88-2.22h-2c-1.65,0-3,1.35-3,3v4.18c-.31-.11-.65-.18-1-.18h-2c-.35,0-.69,.07-1,.18v-.18c0-1.65-1.35-3-3-3h-2c-1.65,0-3,1.35-3,3v26h-8c-.55,0-1,.45-1,1s.45,1,1,1h46c.55,0,1-.45,1-1s-.45-1-1-1Zm-14-6h-4V26h4v17Zm-3-23h2c.55,0,1,.45,1,1v3h-4v-3c0-.55,.45-1,1-1Zm-19,29V23c0-.55,.45-1,1-1h2c.55,0,1,.45,1,1v26h-4Zm6,0V26c0-.55,.45-1,1-1h2c.55,0,1,.45,1,1v23h-4Zm6,0V19c0-.55,.45-1,1-1h2c.55,0,1,.45,1,1v30h-4Zm6,0v-4h4v4h-4Zm6,0v-17h3c.55,0,1,.45,1,1v16h-4Zm12,61h-15.9l1.83-20.16c1.2-.39,2.07-1.51,2.07-2.84,0-1.65-1.35-3-3-3h-16c-1.65,0-3,1.35-3,3,0,1.33,.87,2.44,2.07,2.84l1.83,20.16h-14.9v-36c0-2.76-2.24-5-5-5h-6.08c-2.69-4.12-6.73-7.28-11.48-8.87,3.99-3.21,6.55-8.12,6.55-13.63v-4.5c.26,0,.51-.1,.7-.29,.19-.19,.3-.45,.3-.71v-3.35c0-9.61-5.26-17.44-11.76-17.63-.81-1.22-2.17-2.02-3.72-2.02h-4.35c-10.14,0-18.55,8.1-19.14,18.43-.05,.82-.18,1.71-.45,2.86l-.56,2.48c-.07,.3,0,.61,.19,.84,.19,.24,.48,.38,.78,.38h2v3.5c0,5.51,2.56,10.42,6.55,13.63-4.75,1.59-8.78,4.75-11.48,8.87h-6.08c-2.76,0-5,2.24-5,5v31h-.3c-2.04,0-3.7,1.66-3.7,3.7v1.3h-6.36c2.04-1.65,3.36-4.17,3.36-7v-16c0-.55-.45-1-1-1h-1.49l.98-12.75c.01-.15-.01-.31-.07-.45l-1.69-4.14c-.14-.35-.47-.59-.85-.62-.38-.03-.74,.16-.93,.48l-2.3,3.84c-.08,.13-.13,.28-.14,.44l-1.01,13.21h-.39l-1.07-7.36c-.02-.15-.08-.3-.17-.43l-2.55-3.67c-.22-.31-.59-.47-.96-.42-.38,.05-.69,.32-.81,.68l-1.4,4.25c-.05,.15-.06,.3-.04,.46l.94,6.5h-2.04c-.55,0-1,.45-1,1v16c0,2.83,1.31,5.35,3.36,7h-9.38c-.25-4.77-4.03-8.61-8.77-8.96l-6.97-18.59c1.63-.82,2.76-2.5,2.76-4.45s-1.1-3.57-2.69-4.41l7.58-15.84c1.37-2.86,4.03-4.87,7.07-5.51-1.34,2.72-1.75,5.78-1.13,8.8,.74,3.6,2.83,6.71,5.9,8.73l.63,.41c.17,.11,.36,.17,.55,.17,.32,0,.64-.16,.84-.45l14.08-21.32c.15-.22,.2-.49,.15-.75-.05-.26-.21-.49-.43-.63l-.63-.41c-3.07-2.03-6.75-2.74-10.35-2-3.34,.68-6.23,2.54-8.25,5.24-4.37,.25-8.33,2.89-10.23,6.86l-7.73,16.15c-.12,0-.23-.04-.35-.04-2.76,0-5,2.24-5,5s2.24,5,5,5c.1,0,.2-.02,.3-.03l6.8,18.14c-4.41,.66-7.84,4.35-8.07,8.89H1c-.55,0-1,.45-1,1s.45,1,1,1H167c.55,0,1-.45,1-1s-.45-1-1-1ZM31.96,46.74c.79-.16,1.59-.24,2.38-.24,2.2,0,4.36,.62,6.26,1.82l-12.98,19.64c-2.51-1.73-4.23-4.33-4.84-7.33-.63-3.08-.02-6.22,1.71-8.85,1.73-2.62,4.38-4.42,7.47-5.05ZM13.5,103c3.97,0,7.23,3.1,7.48,7H6.02c.26-3.9,3.52-7,7.48-7Zm-8.5-28c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Zm26,13h14v15c0,3.86-3.14,7-7,7s-7-3.14-7-7v-15Zm2.11-8.56l.7-2.12,1.28,1.84,.99,6.84h-2.02l-.95-6.56Zm9.52-8.18l.84,2.07-.97,12.67h-2.01l.98-12.82,1.15-1.92Zm20.87,38.74h-7.5v-36c0-1.65,1.35-3,3-3h58c1.65,0,3,1.35,3,3v36H63.5Zm-11.5-1.3c0-.94,.76-1.7,1.7-1.7h.3v3h-2v-1.3Zm20-65.7h6.45c8.47,0,15.56-4.53,17.2-10.54,2.18,6.3,6.01,8.44,8.36,9.16v4.87c0,8.55-6.95,15.5-15.5,15.5h-1c-8.55,0-15.5-6.95-15.5-15.5v-3.5Zm-2.46-3.26c.29-1.27,.44-2.25,.49-3.19,.53-9.28,8.05-16.54,17.14-16.54h4.35c1.37,0,2.48,1.15,2.48,2.56v7.25c0,6.17-6.98,11.19-15.55,11.19h-9.19l.29-1.26Zm35.46-2.09v2.19c-2.51-.62-8.69-3.6-8.99-17.76,5.04,.8,8.99,7.47,8.99,15.57Zm-17.5,26.35h1c1.29,0,2.55-.15,3.76-.42-.88,1.44-2.45,2.42-4.26,2.42s-3.38-.97-4.26-2.42c1.21,.27,2.47,.42,3.76,.42Zm-8.79-2.39c.81,.47,1.66,.88,2.54,1.22,.81,2.98,3.52,5.17,6.75,5.17s5.94-2.2,6.75-5.17c.89-.34,1.73-.75,2.54-1.22,4.53,1.12,8.44,3.78,11.17,7.39h-40.92c2.73-3.62,6.64-6.27,11.17-7.39Zm60.21,48.39l-1.82-20h13.81l-1.82,20h-10.18Zm-2.91-24h16c.55,0,1,.45,1,1s-.45,1-1,1h-16c-.55,0-1-.45-1-1s.45-1,1-1Zm-56-37v-2c0-.55,.45-1,1-1s1,.45,1,1v2c0,.55-.45,1-1,1s-1-.45-1-1Zm15-3c.55,0,1,.45,1,1v2c0,.55-.45,1-1,1s-1-.45-1-1v-2c0-.55,.45-1,1-1Z"/> <path class="transparent" d="M120,110v-36c0-1.65-1.35-3-3-3H59c-1.65,0-3,1.35-3,3v36H120Zm-32-11c-4.96,0-9-4.04-9-9s4.04-9,9-9,9,4.04,9,9-4.04,9-9,9Zm-51.92-13h-2.02l-.95-6.56,.7-2.12,1.28,1.84,.99,6.84Zm4.42,0l.98-12.82,1.15-1.92,.84,2.07-.97,12.67h-2.01Zm-27,17c3.97,0,7.23,3.1,7.48,7H6.02c.26-3.9,3.52-7,7.48-7ZM2,78c0-1.65,1.35-3,3-3s3,1.35,3,3-1.35,3-3,3-3-1.35-3-3ZM45,30c8.27,0,15-6.73,15-15S53.27,0,45,0s-15,6.73-15,15,6.73,15,15,15Zm0-28c7.17,0,13,5.83,13,13s-5.83,13-13,13-13-5.83-13-13,5.83-13,13-13Zm99,91c-3.31,0-6,2.69-6,6s2.69,6,6,6,6-2.69,6-6-2.69-6-6-6Zm0,10c-2.21,0-4-1.79-4-4s1.79-4,4-4,4,1.79,4,4-1.79,4-4,4ZM105,37.65v2.19c-2.51-.62-8.69-3.6-8.99-17.76,5.04,.8,8.99,7.47,8.99,15.57Zm-35.75,3.35l.29-1.26c.29-1.27,.44-2.25,.49-3.19,.53-9.28,8.05-16.54,17.14-16.54h4.35c1.37,0,2.48,1.15,2.48,2.56v7.25c0,6.17-6.98,11.19-15.55,11.19h-9.19Zm-15.25,69h-2v-1.3c0-.94,.76-1.7,1.7-1.7h.3v3Zm-4.05-88.63l-5.95-5.95v-6.41c0-.55,.45-1,1-1s1,.45,1,1v5.59l5.37,5.37c.39,.39,.39,1.02,0,1.41-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29Z"/> </svg> <h3 class="subhead">Web Design Freelancers</h3> <p>Bring your client's ideas to life quickly and efficiently. Build any type of website with Divi.</p> </a> </li> <li class="accent-green centered"> <a href="https://www.elegantthemes.com/small-business-owners/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Small Business Owners</title> <path d="M49.23,87.76l24.19,2.59s.07,0,.11,0c.23,0,.45-.08,.63-.22,.21-.17,.34-.41,.37-.67l1.5-14s0-.02,0-.04c0-.07,0-.14-.02-.22,0-.06,0-.12-.03-.17-.02-.06-.05-.1-.08-.16-.03-.06-.06-.13-.11-.18,0,0-.01-.02-.02-.03l-10.94-11.64c.12-.32,.19-.66,.19-1.03,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.33,.07,.64,.17,.94l-9.04,9.12s-.05,.08-.07,.11c-.04,.05-.08,.11-.11,.17-.03,.06-.04,.12-.06,.19-.01,.04-.03,.08-.04,.13l-1.5,14c-.06,.55,.34,1.04,.89,1.1Zm12.75-24.82l.05,.05s-.02,0-.03,0c-.02,0-.04-.01-.07-.01l.05-.05Zm.02,2.06c.56,0,1.07-.16,1.52-.43l8.93,9.5-19.44-2.08,7.4-7.46c.46,.29,1.01,.47,1.6,.47Zm-10.28,8.86l22.2,2.37-1.28,12.01-22.2-2.37,1.28-12.01Zm45.28,7.14h38c.55,0,1-.45,1-1v-27c0-.55-.45-1-1-1h-38c-.55,0-1,.45-1,1v27c0,.55,.45,1,1,1Zm1-27h36v25h-36v-25Zm5.79,11.21c-.39-.39-.39-1.02,0-1.41l5.5-5.5c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-5.5,5.5c-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29Zm26.91,3.09c.39,.39,.39,1.02,0,1.41l-5.5,5.5c-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29c-.39-.39-.39-1.02,0-1.41l5.5-5.5c.39-.39,1.02-.39,1.41,0Zm-11.5-11.5c.39,.39,.39,1.02,0,1.41l-15.5,15.5c-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29c-.39-.39-.39-1.02,0-1.41l15.5-15.5c.39-.39,1.02-.39,1.41,0Zm48.79,41.21c0-7.72-6.28-14-14-14-1.76,0-3.44,.34-5,.94V46.94c4.49-.5,8-4.32,8-8.94v-14s-.01-.04-.01-.06c0-.1-.02-.19-.06-.28-.01-.04-.03-.07-.05-.11-.04-.07-.08-.14-.13-.2-.03-.03-.05-.06-.08-.09-.01-.01-.02-.03-.03-.04l-17.66-14.72c-.26-4.73-4.18-8.51-8.98-8.51H37c-4.96,0-9,4.04-9,9,0,.11,.03,.21,.06,.31L11.36,23.23s-.02,.03-.03,.04c-.03,.03-.05,.06-.08,.09-.05,.06-.1,.13-.13,.2-.02,.04-.03,.07-.05,.11-.03,.09-.05,.18-.06,.28,0,.02-.01,.04-.01,.06v14c0,4.62,3.51,8.44,8,8.94v48.42c-1.91-2.64-5-4.36-8.5-4.36-5.79,0-10.5,4.71-10.5,10.5,0,3.5,1.72,6.59,4.36,8.5H1c-.55,0-1,.45-1,1s.45,1,1,1H167c.55,0,1-.45,1-1s-.45-1-1-1h-5.83c4.08-2.45,6.83-6.9,6.83-12Zm-89,12H39v-4h46v4h-6Zm0-6H45V54h34v50Zm7,0h-5V53c0-.55-.45-1-1-1H44c-.55,0-1,.45-1,1v51h-5c-.55,0-1,.45-1,1v5h-13.03c.63-.84,1.03-1.87,1.03-3,0-2.41-1.72-4.43-4-4.9V46.94c3.06-.34,5.65-2.22,7-4.84,1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.35,2.62,3.94,4.5,7,4.84v38.95c-4.18,2.43-7,6.94-7,12.11s2.75,9.55,6.83,12h-59.83v-5c0-.55-.45-1-1-1ZM10.5,93c4.69,0,8.5,3.81,8.5,8.5,0,.21-.02,.41-.03,.61-2.26,.48-3.97,2.49-3.97,4.89,0,.54,.11,1.05,.27,1.53-1.36,.92-3,1.47-4.77,1.47-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5Zm9.5,17c-1.65,0-3-1.35-3-3s1.35-3,3-3,3,1.35,3,3-1.35,3-3,3ZM37,2h93c3.52,0,6.44,2.61,6.93,6H30.07c.49-3.39,3.41-6,6.93-6Zm118,36c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13ZM30.36,10h9.34l-12.13,13H14.76l15.6-13Zm108.64,28c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm21.52-28l-5.2,13h-13.45l8.67-13h9.99Zm12.34,0l-1.73,13h-13.65l5.2-13h10.18Zm12.27,0l1.73,13h-13.72l1.73-13h10.25Zm12.2,0l5.2,13h-13.65l-1.73-13h10.18Zm12.14,0l8.67,13h-13.45l-5.2-13h9.99Zm12.1,0l12.13,13h-13.16l-8.67-13h9.7ZM43.46,23h-13.16l12.13-13h9.7l-8.67,13Zm104.54,0h-7.57l-12.13-13h9.34l15.6,13h-5.24ZM13,25h14v13c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13ZM142,98c0-6.62,5.38-12,12-12s12,5.38,12,12-5.38,12-12,12-12-5.38-12-12Z"/> <path class="transparent" d="M62,63s-.04-.01-.07-.01l.05-.05,.05,.05s-.02,0-.03,0Zm10.44,11.07l-8.93-9.5c-.45,.26-.96,.43-1.52,.43-.59,0-1.13-.18-1.6-.47l-7.4,7.46,19.44,2.08Zm-27.44-20.07h34v50H45V54Zm3.34,32.66c-.06,.55,.34,1.04,.89,1.1l24.19,2.59s.07,0,.11,0c.23,0,.45-.08,.63-.22,.21-.17,.34-.41,.37-.67l1.5-14s0-.02,0-.04c0-.07,0-.14-.02-.22,0-.06,0-.12-.03-.17-.02-.06-.05-.1-.08-.16-.03-.06-.06-.13-.11-.18,0,0-.01-.02-.02-.03l-10.94-11.64c.12-.32,.19-.66,.19-1.03,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.33,.07,.64,.17,.94l-9.04,9.12s-.05,.08-.07,.11c-.04,.05-.08,.11-.11,.17-.03,.06-.04,.12-.06,.19-.01,.04-.03,.08-.04,.13l-1.5,14ZM29,38c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13Zm32,0c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13Zm32,0c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13Zm32,0c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13ZM30.3,23h13.16l8.67-13h-9.7l-12.13,13Zm31.18,0h13.65l1.73-13h-10.18l-5.2,13Zm45.05,0l-5.2-13h-10.18l1.73,13h13.65Zm18.01,0h13.16l-12.13-13h-9.7l8.67,13ZM10.5,110c1.77,0,3.41-.54,4.77-1.47-.16-.49-.27-1-.27-1.53,0-2.4,1.71-4.41,3.97-4.89,.01-.2,.03-.4,.03-.61,0-4.69-3.81-8.5-8.5-8.5s-8.5,3.81-8.5,8.5,3.81,8.5,8.5,8.5Zm9.5-6c-1.65,0-3,1.35-3,3s1.35,3,3,3,3-1.35,3-3-1.35-3-3-3Zm146-6c0-6.62-5.38-12-12-12s-12,5.38-12,12,5.38,12,12,12,12-5.38,12-12Z"/> </svg> <h3 class="subhead">Small Business Owners</h3> <p>Divi makes it easy for anyone to build their own website. Build visually, no coding required.</p> </a> </li> <li class="accent-orange centered"> <a href="https://www.elegantthemes.com/online-store-owners/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Online Store Owners</title> <path class="transparent" d="M133,15V4.07c0-2.24,1.83-4.07,4.07-4.07h26.86c2.24,0,4.07,1.83,4.07,4.07V20.93c0,2.24-1.83,4.07-4.07,4.07h-22.93v-2h22.93c1.14,0,2.07-.93,2.07-2.07V4.07c0-1.14-.93-2.07-2.07-2.07h-26.86c-1.14,0-2.07,.93-2.07,2.07V15h-2ZM25,49c.7,0,1.37-.13,2-.35v-11.3c-.63-.22-1.3-.35-2-.35-3.31,0-6,2.69-6,6s2.69,6,6,6ZM9,26.5c0-3.03,2.47-5.5,5.5-5.5s5.5,2.47,5.5,5.5-2.47,5.5-5.5,5.5-5.5-2.47-5.5-5.5Zm2,0c0,1.93,1.57,3.5,3.5,3.5s3.5-1.57,3.5-3.5-1.57-3.5-3.5-3.5-3.5,1.57-3.5,3.5Zm50,10.5h-18c-1.1,0-2,.9-2,2v18h18c1.44,0,2.79,.35,4,.95v-18.95c0-1.1-.9-2-2-2Zm46,25h18c1.1,0,2-.9,2-2v-21c0-1.1-.9-2-2-2h-18c-1.1,0-2,.9-2,2v21c0,1.1,.9,2,2,2Zm-25,3v-10c0-.4,.24-.77,.62-.92,.37-.16,.8-.07,1.09,.22l10.28,10.28c.61-.43,1.01-1.14,1.01-1.94v-27.27c0-1.31-1.06-2.37-2.37-2.37h-17.27c-1.31,0-2.37,1.06-2.37,2.37v27.27c0,1.31,1.06,2.37,2.37,2.37h6.63Zm72.5-32c-2.48,0-4.5,2.02-4.5,4.5s2.02,4.5,4.5,4.5,4.5-2.02,4.5-4.5-2.02-4.5-4.5-4.5Zm-68.65,40l-2.5,.94c-.31,.11-.65,.07-.92-.11-.27-.19-.43-.49-.43-.82h-10c-.55,0-1,.45-1,1s.45,1,1,1h16s.03,0,.04,0l-.75-1.99h-1.45Zm2.95,4h-16.8c-.55,0-1,.45-1,1s.45,1,1,1h17.78c-.25-.27-.45-.59-.59-.95l-.39-1.05Zm-16.8,6h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Zm-32-4h20c.55,0,1-.45,1-1s-.45-1-1-1h-20c-.55,0-1,.45-1,1s.45,1,1,1Zm0,4h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Zm64-8h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Zm0,4h20c.55,0,1-.45,1-1s-.45-1-1-1h-20c-.55,0-1,.45-1,1s.45,1,1,1Zm0,4h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Z"/> <path d="M107,64h18c2.21,0,4-1.79,4-4v-21c0-2.21-1.79-4-4-4h-18c-2.21,0-4,1.79-4,4v21c0,2.21,1.79,4,4,4Zm-2-25c0-1.1,.9-2,2-2h18c1.1,0,2,.9,2,2v21c0,1.1-.9,2-2,2h-18c-1.1,0-2-.9-2-2v-21Zm61-29h-31V5h31v5Zm-18,27.5c0,3.58,2.92,6.5,6.5,6.5s6.5-2.92,6.5-6.5-2.92-6.5-6.5-6.5-6.5,2.92-6.5,6.5Zm6.5,4.5c-2.48,0-4.5-2.02-4.5-4.5s2.02-4.5,4.5-4.5,4.5,2.02,4.5,4.5-2.02,4.5-4.5,4.5Zm-1.23,64.85l2.02-13c.08-.55,.6-.92,1.14-.83,.55,.08,.92,.6,.83,1.14l-2.02,13c-.08,.49-.5,.85-.99,.85-.05,0-.1,0-.15-.01-.55-.08-.92-.6-.83-1.14Zm-7.18,.1l.67-13c.03-.55,.5-.98,1.05-.95,.55,.03,.98,.5,.95,1.05l-.67,13c-.03,.53-.47,.95-1,.95-.02,0-.04,0-.05,0-.55-.03-.98-.5-.95-1.05Zm-6.9-13.95c.53-.04,1.02,.4,1.05,.95l.67,13c.03,.55-.4,1.02-.95,1.05-.02,0-.04,0-.05,0-.53,0-.97-.41-1-.95l-.67-13c-.03-.55,.4-1.02,.95-1.05Zm-7.44,14.15l-2.02-13c-.08-.55,.29-1.06,.83-1.14,.54-.08,1.06,.29,1.14,.83l2.02,13c.08,.55-.29,1.06-.83,1.14-.05,0-.1,.01-.15,.01-.48,0-.91-.35-.99-.85Zm-28.76-37.15c0-.55,.45-1,1-1h22c.55,0,1,.45,1,1s-.45,1-1,1h-22c-.55,0-1-.45-1-1ZM7.25,65.14c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42Zm11.48,0c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42Zm11.48,0c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42Zm15.63-3.01l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0Zm11.48,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0Zm31.88,15.93c.13,.36,.34,.67,.59,.95,.56,.62,1.36,1,2.22,1,.36,0,.72-.06,1.05-.19,.75-.28,1.35-.84,1.68-1.57,.33-.73,.36-1.54,.08-2.29l-1.86-4.95h1.05c.55,0,1-.45,1-1,0-.14-.03-.28-.09-.4l1.53-.57c.32-.12,.55-.39,.63-.72,.07-.33-.03-.68-.27-.92l-1.4-1.4c.97-.8,1.6-2,1.6-3.35v-27.27c0-2.41-1.96-4.37-4.37-4.37h-17.27c-2.41,0-4.37,1.96-4.37,4.37v27.27c0,2.41,1.96,4.37,4.37,4.37h6.63v2h-10c-.55,0-1,.45-1,1s.45,1,1,1h10v2c0,.33,.16,.64,.43,.82,.27,.19,.61,.23,.92,.11l2.5-.94,1.27-.48,.18,.48,.75,1.99,.75,2.01,.39,1.05Zm-5.19-20.64l10.29,10.29-3.19,1.2c-.25,.09-.45,.28-.56,.52-.11,.24-.12,.52-.03,.76l2.43,6.47c.09,.25,.08,.52-.03,.76-.11,.24-.31,.43-.56,.52-.51,.19-1.1-.08-1.29-.59l-2.42-6.47c-.09-.25-.28-.45-.52-.56-.13-.06-.27-.09-.41-.09-.12,0-.24,.02-.35,.06l-3.35,1.26v-14.14Zm-11,5.22v-27.27c0-1.31,1.06-2.37,2.37-2.37h17.27c1.31,0,2.37,1.06,2.37,2.37v27.27c0,.8-.4,1.51-1.01,1.94l-10.28-10.28c-.29-.29-.72-.37-1.09-.22-.37,.15-.62,.52-.62,.92v10h-6.63c-1.31,0-2.37-1.06-2.37-2.37Zm94,47.37h-5.74c.73-.81,1.25-1.83,1.45-2.97l2.8-16.08c1.41-.22,2.5-1.45,2.5-2.99,0-1.63-1.33-2.96-2.96-2.96h-5.84l-6.37-9.55c-.31-.46-.93-.58-1.39-.28-.46,.31-.58,.93-.28,1.39l5.63,8.45h-15.8V20c0-2.76-2.24-5-5-5H32c-2.76,0-5,2.24-5,5v15.26c-.64-.17-1.31-.26-2-.26-4.41,0-8,3.59-8,8s3.59,8,8,8c.69,0,1.36-.1,2-.26v6.26H9c-4.96,0-9,4.04-9,9s4.04,9,9,9H27v17c0,2.76,2.24,5,5,5H122.55l1.74,10.03c.2,1.15,.72,2.16,1.45,2.97H1c-.55,0-1,.45-1,1s.45,1,1,1H167c.55,0,1-.45,1-1s-.45-1-1-1Zm-40.73-3.31l-2.73-15.69h39.93l-2.73,15.69c-.33,1.92-1.99,3.31-3.94,3.31h-26.59c-1.95,0-3.61-1.39-3.94-3.31ZM29,75h30c4.96,0,9-4.04,9-9,0-2.66-1.16-5.04-3-6.69v-20.31c0-2.21-1.79-4-4-4h-18c-2.21,0-4,1.79-4,4v18h-10V25h110v60h-9.79l5.63-8.45c.31-.46,.18-1.08-.28-1.39-.46-.31-1.08-.18-1.39,.28l-6.37,9.55h-5.84c-1.63,0-2.96,1.33-2.96,3.04s1.33,2.96,2.96,2.96h.55l.7,4H32c-1.65,0-3-1.35-3-3v-17ZM9,59H59c3.86,0,7,3.14,7,7s-3.14,7-7,7H9c-3.86,0-7-3.14-7-7s3.14-7,7-7Zm54-1.05c-1.21-.6-2.56-.95-4-.95h-18v-18c0-1.1,.9-2,2-2h18c1.1,0,2,.9,2,2v18.95ZM25,37c.7,0,1.37,.13,2,.35v11.3c-.63,.22-1.3,.35-2,.35-3.31,0-6-2.69-6-6s2.69-6,6-6Zm7-20h104c1.65,0,3,1.35,3,3v3H29v-3c0-1.65,1.35-3,3-3ZM165.04,87c.53,0,.96,.43,.96,1.04,0,.53-.43,.96-.96,.96h-44.08c-.53,0-.96-.43-.96-1.04,0-.53,.43-.96,.96-.96h44.08Z"/> </svg> <h3 class="subhead">Online Store Owners</h3> <p>It's easy for anyone to start their own online store with Divi. Sell products and design your own website.</p> </a> </li> </ul> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink" href="https://www.elegantthemes.com/products/">All Products <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div class="card card-medium sub-menu sub-menu-wide sub-menu-wider"> <ul class="menu-items primary-menu-items"> <li class="accent-purple"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Theme</title> <path d="M14,2c6.62,0,12,5.38,12,12s-5.38,12-12,12S2,20.62,2,14S7.38,2,14,2 M14,0C6.27,0,0,6.27,0,14 c0,7.73,6.27,14,14,14s14-6.27,14-14C28,6.27,21.73,0,14,0L14,0z"/> <path d="M17.92,17.49c0.37-0.44,0.65-0.96,0.84-1.55c0.19-0.6,0.44-2.64-0.01-3.98c-0.2-0.59-0.48-1.11-0.85-1.54 c-0.37-0.43-0.82-0.76-1.36-1C16,9.18,15.36,9,14.65,9H11v10h3.65c0.72,0,1.36-0.24,1.91-0.49C17.1,18.27,17.56,17.92,17.92,17.49z M17.22,7.54c0.81,0.34,1.51,0.83,2.08,1.45c0.56,0.62,0.99,1.36,1.28,2.2C20.86,12.03,21,13.01,21,14c0,0.97-0.13,1.83-0.41,2.67 c-0.28,0.84-0.7,1.59-1.26,2.21c-0.56,0.63-1.25,1.13-2.08,1.49C16.44,20.72,15.49,21,14.43,21H10c-0.55,0-1-0.45-1-1V8 c0-0.55,0.45-1,1-1h4.43C15.47,7,16.41,7.2,17.22,7.54z"/> </svg> </div> <div> <h3 class="subhead">Divi Theme & Page Builder <span class="menu-discount-badge">73% Off</span></h3> <p>The #1 WordPress Theme & Visual Page Builder</p> </div> </a> </li> <li class="accent-pink"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Builder Plugin</title> <path d="M26.71,19.22l-1.2,1.6l-1.05-0.78l1.2-1.6c0.22-0.29,0.16-0.7-0.13-0.91c-0.29-0.22-0.7-0.16-0.91,0.13 l-1.2,1.6c-0.39-0.29-0.93-0.21-1.22,0.18l-1.22,1.63c-0.62,0.83-0.72,1.9-0.34,2.79l0.07,0.07c-2.02,1.38-4.46,2.17-7.1,2.08 c-6.21-0.2-11.37-5.33-11.6-11.54C1.75,7.63,7.23,2,14,2c6.32,0,11.51,4.91,11.97,11.11C26,13.62,26.44,14,26.95,14h0.03 c0.58,0,1.03-0.5,0.99-1.08C27.37,5.18,20.48-0.8,12.41,0.09C5.99,0.8,0.8,5.99,0.09,12.41C-0.84,20.85,5.74,28,14,28 c3.06,0,5.88-1,8.18-2.67l0.07,0.06c1.15,0.44,2.5,0.09,3.27-0.95l1.22-1.63c0.29-0.39,0.21-0.93-0.17-1.22l1.2-1.6 c0.22-0.29,0.16-0.7-0.13-0.91C27.34,18.87,26.93,18.93,26.71,19.22z"/> <path d="M17.92,17.49c0.37-0.44,0.65-0.96,0.84-1.55c0.19-0.6,0.44-2.64-0.01-3.98c-0.2-0.59-0.48-1.11-0.85-1.54 c-0.37-0.43-0.82-0.76-1.36-1C16,9.18,15.36,9,14.65,9H11v10h3.65c0.72,0,1.36-0.24,1.91-0.49C17.1,18.27,17.56,17.92,17.92,17.49z M17.22,7.54c0.81,0.34,1.51,0.83,2.08,1.45c0.56,0.62,0.99,1.36,1.28,2.2C20.86,12.03,21,13.01,21,14c0,0.97-0.13,1.83-0.41,2.67 c-0.28,0.84-0.7,1.59-1.26,2.21c-0.56,0.63-1.25,1.13-2.08,1.49C16.44,20.72,15.49,21,14.43,21H10c-0.55,0-1-0.45-1-1V8 c0-0.55,0.45-1,1-1h4.43C15.47,7,16.41,7.2,17.22,7.54z"/> </svg> </div> <div> <h3 class="subhead">Divi Page Builder Plugin <span class="menu-discount-badge">73% Off</span></h3> <p>Harness the Power of Divi With Any Theme</p> </div> </a> </li> <li class="accent-green"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/extra/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Extra Theme</title> <path d="M28,10V4H0v3h3v14H0v3h28v-6h-3v3H6v-5h11v2h3v-7h-3v2H6V7h19v3H28z"/> </svg> </div> <div> <h3 class="subhead">Extra Magazine Theme <span class="menu-discount-badge">73% Off</span></h3> <p>The Best Theme for Bloggers and Online Publications</p> </div> </a> </li> <li class="accent-indigo"> <a class="icon-blurb" href="https://www.elegantthemes.com/plugins/bloom/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Bloom Plugin</title> <path d="M28.31,14c0-2.24-1.27-4.43-3.5-6.06c-0.24-2.17-1.14-4.37-2.94-5.7c-2.21-1.63-5.15-1.42-7.56-0.36 c-2.38-1.05-5.29-1.26-7.5,0.32c-1.84,1.32-2.77,3.55-3,5.74c-1.94,1.42-3.5,3.58-3.5,6.06c0,2.49,1.56,4.64,3.5,6.06 c0.24,2.17,1.14,4.37,2.94,5.7c2.21,1.63,5.15,1.42,7.56,0.36c2.38,1.05,5.29,1.26,7.5-0.32c1.84-1.32,2.77-3.55,3-5.74 C27.04,18.43,28.31,16.24,28.31,14z M3.83,17.37c-0.79-0.85-1.39-1.93-1.47-3.11c-0.07-1.01,0.28-2,0.84-2.84 C4.43,9.6,6.59,8.36,8.72,7.94c-0.36,0.33-0.69,0.7-0.99,1.09l-2.65,4.46C4.4,14.67,4,16.02,3.83,17.37 C2.88,16.34,3.84,17.3,3.83,17.37z M8.94,17.1L8.94,17.1c-1.1-1.9-1.1-4.3,0-6.2l0,0c1.1-1.9,3.18-3.1,5.37-3.1 c2.2,0,4.27,1.2,5.37,3.1l0,0c1.1,1.9,1.1,4.3,0,6.2l0,0c-1.1,1.9-3.18,3.1-5.37,3.1C12.11,20.21,10.04,19,8.94,17.1z M22.82,8.57 c0.08,1.25-0.08,2.51-0.46,3.62c-0.11-0.48-0.26-0.94-0.45-1.39l-2.54-4.53c-0.65-1.12-1.6-2.16-2.73-3.02 c1.63-0.37,3.39-0.12,4.58,1.14C22.28,5.49,22.72,7.07,22.82,8.57C22.9,9.82,22.67,6.28,22.82,8.57z M13.86,3.92 c1.09,0.54,2.1,1.29,2.9,2.21c-0.79-0.25-1.62-0.37-2.45-0.37h-4.17c-1.29,0-2.67,0.3-3.99,0.86c0.42-1.37,1.3-2.65,2.66-3.2 C10.45,2.74,12.34,3.16,13.86,3.92C13.95,3.96,12.75,3.37,13.86,3.92z M5.81,19.43c-0.08-1.25,0.08-2.51,0.46-3.62 c0.11,0.49,0.27,0.97,0.46,1.43l2.53,4.49c0.65,1.12,1.6,2.16,2.73,3.02c-1.63,0.37-3.39,0.12-4.58-1.14 C6.35,22.51,5.9,20.93,5.81,19.43C5.72,18.18,5.95,21.72,5.81,19.43z M14.76,24.08c-1.09-0.54-2.1-1.29-2.9-2.21 c0.79,0.25,1.62,0.37,2.45,0.37h4.17c1.37,0,2.73-0.33,3.99-0.86c-0.42,1.37-1.3,2.65-2.66,3.2 C18.18,25.26,16.29,24.84,14.76,24.08C14.68,24.04,15.87,24.63,14.76,24.08z M23.27,18.65c-1.04,0.7-2.22,1.18-3.37,1.41 c0.34-0.32,0.66-0.66,0.95-1.04l2.69-4.52c0.68-1.18,1.08-2.53,1.25-3.88c1.1,1.18,1.77,2.78,1.35,4.39 C25.74,16.56,24.56,17.79,23.27,18.65C22.23,19.35,25.18,17.38,23.27,18.65z"/> </svg> </div> <div> <h3 class="subhead">Bloom Email Opt-Ins <span class="menu-discount-badge">73% Off</span></h3> <p>The Ultimate Email Opt-In Plugin for WordPress</p> </div> </a> </li> <li class="accent-orange"> <a class="icon-blurb" href="https://www.elegantthemes.com/plugins/monarch/?sale=black-friday-2024"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Monarch Plugin</title> <path d="M0,1.5v25.02c0,0.6,0.74,1.04,1.19,0.74l5.22-2.68C6.56,24.5,7,24.06,7,23.62V12.07c0-0.3,0.31-0.6,0.61-0.45 l6.1,2.98c0.3,0.15,0.45,0.15,0.74,0l6.1-2.98c0.3-0.15,0.46,0,0.46,0.45v11.77c0,0.3,0.29,0.6,0.59,0.74l5.22,2.68 c0.6,0.3,1.19-0.15,1.19-0.74V1.5c0-0.6-0.74-1.04-1.19-0.74L14.15,7.01L1.19,0.75C0.74,0.45,0,0.75,0,1.5z"/> </svg> </div> <div> <h3 class="subhead">Monarch Social Sharing <span class="menu-discount-badge">73% Off</span></h3> <p>The Best Way To Promote Social Sharing</p> </div> </a> </li> </ul> <a class="button fullwidth-button accent-purple" href="https://www.elegantthemes.com/join/?sale=black-friday-2024">Join To Download</a> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink" href="https://www.elegantthemes.com/contact/">Contact <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div class="card card-medium sub-menu accent-blue"> <ul class="menu-items"> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/contact/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Contact</title> <path class="transparent" d="M22,21H6c-0.55,0-1-0.45-1-1V8c0-0.55,0.45-1,1-1h16c0.55,0,1,0.45,1,1v12C23,20.55,22.55,21,22,21z"/> <path d="M23,9.5V8c0-0.55-0.45-1-1-1H6C5.45,7,5,7.45,5,8v1.5l9,6.5L23,9.5z"/> </svg> <div> <h3 class="subhead">Get In Touch</h3> </div> </a> </li> <li> <a class="icon-blurb launch_intercom" href="https://www.elegantthemes.com/contact/sales/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Sales Questions</title> <path class="transparent" d="M11,10H22c0.55,0,1,0.45,1,1v12l-3-3h-9c-0.55,0-1-0.45-1-1V11C10,10.45,10.45,10,11,10z"/> <path d="M17,5H6C5.45,5,5,5.45,5,6v12l3-3h9c0.55,0,1-0.45,1-1V6C18,5.45,17.55,5,17,5z"/> </svg> <div> <h3 class="subhead">Chat With Sales</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/contact/"> <svg viewBox="0 0 28 28" class="icon-small" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Accounts & Billing</title> <path class="transparent" d="M23,14c0,4.97-4.03,9-9,9s-9-4.03-9-9s4.03-9,9-9S23,9.03,23,14z"/> <path d="M18.5,20.3c0,3.6-9,3.6-9,0c0-4.27,2.04-6.3,4.5-6.3S18.5,16.03,18.5,20.3z M16.5,10.5c0,1.38-1.12,2.5-2.5,2.5 s-2.5-1.12-2.5-2.5S12.62,8,14,8S16.5,9.12,16.5,10.5z"/> </svg> <div> <h3 class="subhead">Accounts & Billing</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/help/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Technical Support</title> <path class="transparent" d="M12.16,10.01l5.83,5.83c1.32-0.5,2.87-0.22,3.93,0.84c1.14,1.14,1.38,2.84,0.72,4.21l-2.17-2.17 c-0.48-0.48-1.25-0.48-1.73,0c-0.48,0.48-0.48,1.25,0,1.73l2.18,2.18c-1.38,0.67-3.09,0.43-4.23-0.71c-1.06-1.06-1.34-2.59-0.85-3.9 l-5.85-5.85c-1.31,0.49-2.85,0.2-3.9-0.85C4.94,10.17,4.7,8.48,5.36,7.1l2.17,2.17c0.48,0.48,1.25,0.48,1.73,0 c0.48-0.48,0.48-1.25,0-1.73L7.08,5.37c1.38-0.67,3.09-0.43,4.23,0.71C12.38,7.15,12.66,8.69,12.16,10.01L12.16,10.01z"/> <path d="M8.33,18.64l4.01-4l-0.49-0.49l7.6-8.87c0.37-0.37,0.96-0.37,1.33,0l1.95,1.95c0.37,0.37,0.37,0.96,0,1.33 l-8.8,7.66l-0.54-0.54l-4.01,4l-1.36,2.55L6.05,23L5,21.95l0.8-2L8.33,18.64L8.33,18.64z"/> </svg> <div> <h3 class="subhead">Technical Support</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/forum/"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Community</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"/> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"/> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"/> </svg> <div> <h3 class="subhead">Ask The Community</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/documentation/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Documentation</title> <path d="M9.47,17h7.04c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.2,17,9.47,17z M9.47,14h7.04c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.2,14,9.47,14z M9.47,11h7.04 c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.2,11,9.47,11z M12.47,8h4.04c0.28,0,0.5,0.22,0.5,0.5 S16.79,9,16.51,9h-4.04c-0.28,0-0.5-0.22-0.5-0.5S12.19,8,12.47,8z M7,21H19c0.55,0,1-0.45,1-1V6c0-0.55-0.45-1-1-1H7 C6.45,5,6,5.45,6,6V20C6,20.55,6.45,21,7,21z"/> <path class="transparent" d="M21,7h-1v13c0,0.55-0.45,1-1,1H8v1c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1V8C22,7.45,21.55,7,21,7z"/> </svg> <div> <h3 class="subhead">Documentation</h3> </div> </a> </li> </ul> <a class="button fullwidth-button launch_intercom" href="https://www.elegantthemes.com/contact/support/">Chat With Us!</a> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink menu-item-account" href="https://www.elegantthemes.com/members-area/">Account <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div class="card card-medium centered sub-menu accent-indigo et-main-account-menu"> <ul class="menu-items hide-item"> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/#mydownloads"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Downloads</title> <path d="M22,21v1a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V21a1,1,0,0,1,1-1H21A1,1,0,0,1,22,21Zm-9.79-4.42a1,1,0,0,0,.21.21l.94.95a.91.91,0,0,0,1.28,0l.94-.95a1,1,0,0,0,.21-.21l3-3A.9.9,0,0,0,18.2,12H16V6a1,1,0,0,0-1-1H13a1,1,0,0,0-1,1v6H9.8a.9.9,0,0,0-.63,1.54Z"/> </svg> <div> <h3 class="subhead">Product Downloads</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/divi-cloud/"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi Cloud</title> <path d="M21,13h0a6.49,6.49,0,0,0-12.8-1A4.48,4.48,0,0,0,8,21V21H21a4,4,0,0,0,0-8Z"/> </svg> <div> <h3 class="subhead">Divi Cloud</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/team/"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Team</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"/> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"/> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"/> </svg> <div> <h3 class="subhead">Manage Team</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/api/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Username & API Key</title> <path d="M18,12c-0.83,0-1.61,0.22-2.3,0.58L7.56,4.44L5.44,6.56l1,1l-2,2l3,3l2-2l4.14,4.14C13.22,15.39,13,16.17,13,17 c0,2.76,2.24,5,5,5s5-2.24,5-5C23,14.24,20.76,12,18,12z M18,19c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2 C20,18.1,19.1,19,18,19z"/> </svg> <div> <h3 class="subhead">Username & API Key</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/account/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Account Details</title> <path class="transparent" d="M23,14c0,4.97-4.03,9-9,9s-9-4.03-9-9s4.03-9,9-9S23,9.03,23,14z"/> <path d="M18.5,20.3c0,3.6-9,3.6-9,0c0-4.27,2.04-6.3,4.5-6.3S18.5,16.03,18.5,20.3z M16.5,10.5c0,1.38-1.12,2.5-2.5,2.5 s-2.5-1.12-2.5-2.5S12.62,8,14,8S16.5,9.12,16.5,10.5z"/> </svg> <div> <h3 class="subhead">Account Details</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/billing/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Billing</title> <path d="M20,6l-2-2l-2.08,2L14,4l-1.96,2L10,4L8,6L6,4v20l2-2l2,2l2.08-2L14,24l1.96-2L18,24l2-2l2,2V4L20,6z M9.47,9 h9.04c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.19,9,9.47,9z M13.51,19H9.47 c-0.28,0-0.5-0.22-0.5-0.5S9.2,18,9.47,18h4.04c0.28,0,0.5,0.22,0.5,0.5S13.79,19,13.51,19z M13.51,16H9.47 c-0.28,0-0.5-0.22-0.5-0.5S9.2,15,9.47,15h4.04c0.28,0,0.5,0.22,0.5,0.5S13.79,16,13.51,16z M19,18.5c0,0.28-0.22,0.5-0.5,0.5h-2 c-0.28,0-0.5-0.22-0.5-0.5v-3c0-0.28,0.22-0.5,0.5-0.5h2c0.28,0,0.5,0.22,0.5,0.5V18.5z M18.51,13H9.47c-0.28,0-0.5-0.22-0.5-0.5 S9.2,12,9.47,12h9.04c0.28,0,0.5,0.22,0.5,0.5S18.79,13,18.51,13z"/> </svg> <div> <h3 class="subhead">Billing Info</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/subscriptions/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Subscriptions</title> <path d="M8.49,20c-0.85,0-1.55-0.73-1.47-1.58C7.34,14.75,8.31,14,10,14c1.69,0,2.67,0.75,2.98,4.42 c0.07,0.85-0.62,1.58-1.47,1.58L8.49,20z M12,11c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S12,9.9,12,11z"/> <path class="transparent" d="M22,7H6C5.45,7,5,7.45,5,8v12c0,0.55,0.45,1,1,1h16c0.55,0,1-0.45,1-1V8C23,7.45,22.55,7,22,7z M20,16h-4 c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1C21,15.55,20.55,16,20,16z M20,12h-4c-0.55,0-1-0.45-1-1 c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1C21,11.55,20.55,12,20,12z"/> </svg> <div class="menu-product-divi_lifetime"> <h3 class="subhead">Subscriptions</h3> </div> </a> </li> <li> <a class="icon-blurb" href="/members-area/offers/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Special Offers</title> <path d="m11,12c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Zm13.58,3.13l-.65.75c-.35.4-.49.94-.39,1.46l.19.97c.16.84-.32,1.68-1.13,1.96l-.94.32c-.5.17-.9.57-1.07,1.07l-.32.94c-.28.81-1.11,1.29-1.96,1.13l-.97-.19c-.52-.1-1.06.04-1.46.39l-.75.65c-.65.56-1.61.56-2.26,0l-.75-.65c-.4-.35-.94-.49-1.46-.39l-.97.19c-.84.16-1.68-.32-1.96-1.13l-.32-.94c-.17-.5-.57-.9-1.07-1.07l-.94-.32c-.81-.28-1.29-1.11-1.13-1.96l.19-.97c.1-.52-.04-1.06-.39-1.46l-.65-.75c-.56-.65-.56-1.61,0-2.26l.65-.75c.35-.4.49-.94.39-1.46l-.19-.97c-.16-.84.32-1.68,1.13-1.96l.94-.32c.5-.17.9-.57,1.07-1.07l.32-.94c.28-.81,1.11-1.29,1.96-1.13l.97.19c.52.1,1.06-.04,1.46-.39l.75-.65c.65-.56,1.61-.56,2.26,0l.75.65c.4.35.94.49,1.46.39l.97-.19c.84-.16,1.68.32,1.96,1.13l.32.94c.17.5.57.9,1.07,1.07l.94.32c.81.28,1.29,1.11,1.13,1.96l-.19.97c-.1.52.04,1.06.39,1.46l.65.75c.56.65.56,1.61,0,2.26Zm-13.58-2.13c1.1,0,2-.9,2-2s-.9-2-2-2-2,.9-2,2,.9,2,2,2Zm6.89-3.19c.17-.22.13-.53-.09-.7-.22-.17-.53-.13-.7.09l-7,9c-.17.22-.13.53.09.7.09.07.2.11.31.11.15,0,.3-.07.4-.19l7-9Zm1.11,7.19c0-1.1-.9-2-2-2s-2,.9-2,2,.9,2,2,2,2-.9,2-2Zm-2-1c-.55,0-1,.45-1,1s.45,1,1,1,1-.45,1-1-.45-1-1-1Z"/> </svg> <div> <h3 class="subhead">Special Offers</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/help/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Support</title> <path class="transparent" d="M12.16,10.01l5.83,5.83c1.32-0.5,2.87-0.22,3.93,0.84c1.14,1.14,1.38,2.84,0.72,4.21l-2.17-2.17 c-0.48-0.48-1.25-0.48-1.73,0c-0.48,0.48-0.48,1.25,0,1.73l2.18,2.18c-1.38,0.67-3.09,0.43-4.23-0.71c-1.06-1.06-1.34-2.59-0.85-3.9 l-5.85-5.85c-1.31,0.49-2.85,0.2-3.9-0.85C4.94,10.17,4.7,8.48,5.36,7.1l2.17,2.17c0.48,0.48,1.25,0.48,1.73,0 c0.48-0.48,0.48-1.25,0-1.73L7.08,5.37c1.38-0.67,3.09-0.43,4.23,0.71C12.38,7.15,12.66,8.69,12.16,10.01L12.16,10.01z"/> <path d="M8.33,18.64l4.01-4l-0.49-0.49l7.6-8.87c0.37-0.37,0.96-0.37,1.33,0l1.95,1.95c0.37,0.37,0.37,0.96,0,1.33 l-8.8,7.66l-0.54-0.54l-4.01,4l-1.36,2.55L6.05,23L5,21.95l0.8-2L8.33,18.64L8.33,18.64z"/> </svg> <div> <h3 class="subhead">Customer Support</h3> </div> </a> </li> <li> <form method="POST" action="/members-area/logout/" id="main-menu-logout-form"> <input type="hidden" name="_token" value=""> <a class="icon-blurb" href="#" onclick="event.preventDefault(); this.closest('form').submit();"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Log Out</title> <path d="M21.58,15.79c0.08-0.06,0.15-0.13,0.21-0.21l0.94-0.94c0.35-0.35,0.35-0.92,0-1.27l-0.94-0.94 c-0.06-0.08-0.13-0.15-0.21-0.21l-3.04-3.04C17.97,8.6,17,9,17,9.8V12h-5c-0.55,0-1,0.45-1,1v2c0,0.55,0.45,1,1,1h5v2.2 c0,0.8,0.97,1.21,1.54,0.64L21.58,15.79z"/> <path class="transparent" d="M20,21H8V7h12l2,1.8V6c0-0.55-0.45-1-1-1H7C6.45,5,6,5.45,6,6v16c0,0.55,0.45,1,1,1h14c0.55,0,1-0.45,1-1v-2.8 L20,21z"/> </svg> <div> <h3 class="subhead">Log Out</h3> </div> </a> </form> </li> </ul> <a id="account-downloads-button" class="button fullwidth-button hide-item" href="https://www.elegantthemes.com/members-area/#mydownloads">My Downloads</a> <div class="et_account_login_form"> <form name="et-loginform" action="https://www.elegantthemes.com/members-area/login/" method="POST"> <input type="hidden" class="et_token_field" name="_token" value="" autocomplete="off"> <div class="et_manage_input"> <input type="text" placeholder="Username" autocomplete="off" name="username"> <label>Username</label> </div> <div class="et_manage_input"> <input type="password" placeholder="Password" autocomplete="off" name="password"> <label>Password</label> </div> <label for="remember_me" style="display: block; text-align: left;"> <input type="checkbox" id="remember_me" name="remember" checked> <span>Remember me</span> </label> <input class="button fullwidth-button" type="submit" name="submit" id="et-wp-submit" value="Member Login"> <p>Forgot Your <a href="https://www.elegantthemes.com/members-area/retrieve-username">Username</a> or <a href="https://www.elegantthemes.com/members-area/forgot-password/">Password</a>?</p> </form> </div> </div> </li> </ul> <div class="pricing-button-wrapper"> <a id="pricing-button" class="button primary-button accent-pink" href="https://www.elegantthemes.com/join/?sale=black-friday-2024"><span>Pricing</span></a> </div> </nav> <span class="hamburger"> <span></span> <span></span> <span></span> </span> </div> </div> <section id="careers-hero" class="standard-post hero"> <div class="row-container "> <div class="row"> <div class="column-container"> <div class="column centered post-header accent-purple"> <h1>The Amazing New Divi Transformation Controls!</h1> <p class="lead"> Last Updated on September 16, 2022 by <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=48&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&r=g 2x' class='avatar avatar-48 photo elevation-1' height='48' width='48' decoding='async'/><a href="https://www.elegantthemes.com/blog/author/admin" title="Posts by Nick Roach" rel="author">Nick Roach</a> <span class="comments-number"><a href="https://www.elegantthemes.com/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#respond">211 Comments</a></span> </p> <a class="button primary-button accent-purple with-callout" target="_blank" href="https://www.elegantthemes.com/join/">Get Divi Today<span class="button-callout show-callout elevation-2">Try Divi Risk Free For 30 Days!</span> </a> </div> </div> </div> </div> </section> <section class="thumbnail-container"> <div class="row-container"> <div class="row"> <div class="column-container"> <div class="column card article-thumbnail accent-purple"> <div class="post-thumbnail"> <img width="973" height="548" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/thumbnail-1.jpg" alt="The Amazing New Divi Transformation Controls!" title="The Amazing New Divi Transformation Controls!" /> <div class="blog-breadcrumbs"><span><span><a href="https://www.elegantthemes.com/blog">Blog</a></span> / <span><a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a></span> / <span class="breadcrumb_last" aria-current="page">The Amazing New Divi Transformation Controls!</span></span></div> <a class="video-popup" href="https://www.youtube.com/watch?v=moxTTScxe44"> <div class="play-button-container play-button-container-small"> <div class="play-button"> <svg> <title>Play Button</title> <polygon points="10 33 10 1 34 17"></polygon> </svg> </div> </div> </a> </div> </div> </div> </div> </div> </section> <section id="article" class="article-section with-thumbnail"> <div class="row-container article-container legacy-post"> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <article id="post-97741" class="entry et_box normal-post clearfix post-97741 post type-post status-publish format-standard has-post-thumbnail category-theme-releases"> <div class="feature-header"> <p><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2017/09/icon-1-3.png" alt="" width="80" height="80" class="aligncenter size-full wp-image-61750" /></p> <h2>Divi’s Transform Controls Unlock<br />Tons Of New Design Possibilities</h2> <p>Now you can perform amazing freehand design using a collection of new design options that was, until now, only possible in graphic design programs like Photoshop.</p> </div> <p style="text-align: center;"><iframe loading="lazy" class="youtube-player" type="text/html" title="The All New And Amazing Divi Transformation Controls!" width="719" height="404" src="https://www.youtube.com/embed/moxTTScxe44?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p> <p>Today we are introducing a brand new feature to Divi that allows for amazing freehand design within the Divi Builder, giving you the power to transform elements right on the page in ways that would typically only be possible in graphic design programs like Photoshop and <a href="https://www.elegantthemes.com/blog/design/sketch-app-an-overview-and-review" class="wpil_keyword_link" data-wpil-keyword-link="linked" title="Sketch">Sketch</a>. You can move elements around, scale them up and down, rotate on three different axis, skew and adjust the transform origin with ease. All of this is done using a super slick new interface that makes each transformation easy to perform and understand.</p> <div class="feature-header"> <p><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/icon-2.png" alt="" width="81" height="64" class="aligncenter size-full wp-image-97823" /></p> <h2>An Amazing New Visual Interface<br />Makes Transforming Elements Easy</h2> <p>We spent extra time building the Transforms interface to make sure it was super intuitive. The result is a set of options that are as easy to use as they are powerful.</p> </div> <h2 class="feature-title">A Stunning User Interface</h2> <p style="text-align: center"><video width="438" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface.webm" type="video/webm"><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface.png" alt="" width="864" height="1154" class="aligncenter size-full wp-image-97814" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface.png 864w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface-225x300.png 225w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface-768x1026.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface-767x1024.png 767w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/interface-610x815.png 610w" sizes="auto, (max-width: 864px) 100vw, 864px" /></video></p> <p>With the new Transform controls, you can easily adjust the appearance of any module, row or section using a combination of new settings. The Transforms interface has been built to allow for visual control over your design. Instead of a long list of indistinct sliders, <a href="https://www.elegantthemes.com/gallery/divi/" class="wpil_keyword_link" data-wpil-keyword-link="linked" title="Divi">Divi</a> presents you with visual controls that describes each transformation in a visual way. This is mirrored on the page as you watch elements transform right before your eyes. It’s really fun to play with, but more importantly than that, it’s also really effective at unlocking tons of new design possibilities. </p> <h2 class="feature-title">Scale</h2> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale.webm" type="video/webm"><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale.png" alt="" width="868" height="1148" class="aligncenter size-full wp-image-97797" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale.png 868w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale-227x300.png 227w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale-768x1016.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale-774x1024.png 774w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/scale-610x807.png 610w" sizes="auto, (max-width: 868px) 100vw, 868px" /></video></p> <p>Using the Scale control, you can quickly adjust the size of anything. Scale entire modules up and down with a single move of your mouse. When you adjust an element’s size, the entire element and all sub elements are adjusted at once. By default, scaling elements will keep the original aspect ration, but you can also unsync the height and width settings and adjust them independently. </p> <h2 class="feature-title">Position</h2> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move.webm" type="video/webm"><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move.png" alt="" width="898" height="1190" class="aligncenter size-full wp-image-97794" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move.png 898w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move-226x300.png 226w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move-768x1018.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move-773x1024.png 773w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/move-610x808.png 610w" sizes="auto, (max-width: 898px) 100vw, 898px" /></video></p> <p>You can adjust an element’s position using the Translate control. Move elements around in any direction without worrying about the surrounding parts of your page. When you move an element, it moves independently of its surrounding elements and parent element. This is similar to using absolute positioning in CSS, except the position is based on the element’s inline position instead of the position of its parent relative element.</p> <h2 class="feature-title">Rotation</h2> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate.webm" type="video/webm"><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate.png" alt="" width="856" height="1146" class="aligncenter size-full wp-image-97796" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate.png 856w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate-224x300.png 224w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate-768x1028.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate-765x1024.png 765w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/rotate-610x817.png 610w" sizes="auto, (max-width: 856px) 100vw, 856px" /></video></p> <p>You can also rotate items using the Rotate controls, which allow you to rotate on three different axis for a full range of three dimensional rotation. You can combine different rotations to create some pretty cool effects and save tons of design time. For example, instead of opening an image in Photoshop and using a mockup template to create some 3d image effects, you can just open the flat image in Divi and transform it inside the builder. If you ever need to replace the image, you don’t have to edit it again in Photoshop!</p> <h2 class="feature-title">Skew</h2> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew.webm" type="video/webm"><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew.png" alt="" width="842" height="1146" class="aligncenter size-full wp-image-97798" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew.png 842w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew-220x300.png 220w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew-768x1045.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew-752x1024.png 752w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/skew-610x830.png 610w" sizes="auto, (max-width: 842px) 100vw, 842px" /></video></p> <p>You can skew elements to create compelling depth effects. Much like the Scale control, you can skew elements with a locked aspect ratio, or you can unlock each side and adjust them independently. Combining Skew and Rotation can lead to some pretty stunning 3d effects that add depth and complexity to your page.</p> <h2 class="feature-title">Transform Origin</h2> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin.webm" type="video/webm"><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin.png" alt="" width="846" height="1150" class="aligncenter size-full wp-image-97795" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin.png 846w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin-221x300.png 221w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin-768x1044.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin-753x1024.png 753w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/origin-610x829.png 610w" sizes="auto, (max-width: 846px) 100vw, 846px" /></video></p> <p>Finally, you can adjust the transform origin, which will affect all of the transforms added to any element at once. This option allows you to change the position of transformed elements. Two dimensional transformations can be adjusted across the x and y axis. </p> <h2 class="feature-title">Amazing Hover Effects</h2> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/hover.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/hover.webm" type="video/webm"></video></p> <p>These transformations are also animatable on hover, allowing you to create some simply stunning hover effects that were never possible before. Combined with all of the great design features that Divi already has, the possibilities are pretty incredible.</p> <h2 class="feature-title">Design Freedom</h2> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage.webm" type="video/webm"><img loading="lazy" decoding="async" src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage.png" alt="" width="1974" height="1168" class="aligncenter size-full wp-image-97813" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage.png 1974w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage-300x178.png 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage-768x454.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage-1024x606.png 1024w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/collage-610x361.png 610w" sizes="auto, (max-width: 1974px) 100vw, 1974px" /></video></p> <p>When you transform an element, it doesn’t disrupt the elements around it. You can stack things on top of each other and create beautiful collages with different modules. This allows you to easy “break free” elements from their parent columns or rows, allowing for module overlay effects that can add a sense of fun and playfulness to any design.</p> <p><video width="880" class="et-video-loop" playsinline autoplay muted loop><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/stacking.mp4" type="video/mp4"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/03/stacking.webm" type="video/webm"></video></p> <p>The brand new Transform controls are available today, so download Divi and take them for a spin. Let us know what you think in the comments, and don’t forget to check back next week for even more great Divi features coming your way. </p> <div class="row-container card featured-heading purple"> <div class="row"> <div class="column-container"> <div class="column centered accent-green"> <h2 class="headline-3">Get 10% Off Today!</h2> <h2>Today's The Best Day To Get Divi Or Upgrade Your Account To Lifetime</h2> <p><span id="discount">Join</span> the most enthusiastic and loving WordPress theme community on the web and download Divi today. Using the new Visual Builder, you can build websites faster than ever before with its incredibly fast and intuitive visual interface. You have to see it to believe it!</p> <p><a href="https://www.elegantthemes.com/discount/today/" class="button inline-button primary-button" rel=" ">Join Today For 10% OFF!</a><a href="https://www.elegantthemes.com/members-area/renew/?discount=10" class="button inline-button primary-button" rel=" ">Renew Your Account Today For 10% OFF!</a><a href="https://www.elegantthemes.com/members-area/upgrade/?discount=10" class="button inline-button primary-button" rel=" ">Upgrade Your Account Today For 10% OFF!</a></p> </div> </div> </div> </div> </article> <div class="et_social_inline et_social_mobile_on et_social_inline_bottom "> <div class="et_social_networks et_social_4col et_social_slide et_social_rounded et_social_left et_social_no_animation et_social_withnetworknames et_social_outer_dark"> <ul class="et_social_icons_container"><li class="et_social_facebook"> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Ftheme-releases%2Fthe-all-new-and-amazing-divi-transformation-controls&t=The%20Amazing%20New%20Divi%20Transformation%20Controls%21" class="et_social_share" rel="nofollow" data-social_name="facebook" data-post_id="97741" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_facebook"></i><div class="et_social_network_label"><div class="et_social_networkname">Facebook</div></div><span class="et_social_overlay"></span> </a> </li><li class="et_social_twitter"> <a href="https://twitter.com/share?text=The%20Amazing%20New%20Divi%20Transformation%20Controls%21&url=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Ftheme-releases%2Fthe-all-new-and-amazing-divi-transformation-controls&via=elegantthemes" class="et_social_share" rel="nofollow" data-social_name="twitter" data-post_id="97741" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_twitter"></i><div class="et_social_network_label"><div class="et_social_networkname">Twitter</div></div><span class="et_social_overlay"></span> </a> </li><li class="et_social_linkedin"> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Ftheme-releases%2Fthe-all-new-and-amazing-divi-transformation-controls&title=The%20Amazing%20New%20Divi%20Transformation%20Controls%21" class="et_social_share" rel="nofollow" data-social_name="linkedin" data-post_id="97741" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_linkedin"></i><div class="et_social_network_label"><div class="et_social_networkname">LinkedIn</div></div><span class="et_social_overlay"></span> </a> </li><li class="et_social_pinterest"> <a href="#" class="et_social_share_pinterest" rel="nofollow" data-social_name="pinterest" data-post_id="97741" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_pinterest"></i><div class="et_social_network_label"><div class="et_social_networkname">Pinterest</div></div><span class="et_social_overlay"></span> </a> </li></ul> </div> </div> <div class="sticky-card"> <div class="sticky-card-inner sticky-cloud-card card dark-background background-black-friday"> <img loading="lazy" class="image-front" src="https://www.elegantthemes.com/images/blog/sale-front.png" alt="Divi Black-friday Sale" /> <h4>It's The Divi Black Friday Sale! Save Big For A Limited Time 👇</h4> <p class="lead">Save big on Divi and Divi products for a limited time. </p> <a class="button accent-green highlight-pricing-button" href="https://www.elegantthemes.com/black-friday-2024/?sale=live&utm_source=Sticky+Card&utm_medium=Divi+Sale&utm_campaign=Blog">Access The Sale</a> </div> <img loading="lazy" class="image-back" src="https://www.elegantthemes.com/images/blog/sale-back.png" alt="Divi Black-friday" /> </div> </div> </div> </div> </div> <div class="row-container"> <div class="row"> <div class="column-container"> <div class="column card author-box centered accent-blue"> <div class="post-author-avatar"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=48&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&r=g 2x' class='avatar avatar-48 photo elevation-1' height='48' width='48' loading='lazy' decoding='async'/> </div> <div class="post-author-bio"> <h5>By Nick Roach</h5> <p> I am the founder and CEO here at Elegant Themes. When I'm not hard at work on new themes, I enjoy writing an article or two on our blog! </p> </div> </div> </div> </div> </div> <div id="divi-cta" class="row-container card card-featured card-featured-fullwidth"> <div class="row"> <div class="column-container"> <div class="column centered dark-background accent-pink"> <img width="107" height="107" class="lazy" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/divi/divi-logo-white.svg" alt="Divi Logo"> <h2>Explore Divi, The Most Popular WordPress Theme In The World And The Ultimate Page Builder</h2> <a href="https://www.elegantthemes.com/gallery/divi/" class="button primary-button"><span>Learn About Divi</span></a> </div> </div> </div> </div> <div id="divi-cta-ui-collage" > <a href="https://www.elegantthemes.com/gallery/divi/"><img class="lazy" width="1820" height="657" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/divi/divi-cta-ui-collage.png" alt="Premade Layouts" data-srcset="https://www.elegantthemes.com/images/divi/divi-cta-ui-collage-large.png 3640w, https://www.elegantthemes.com/images/divi/divi-cta-ui-collage.png 1820w, https://www.elegantthemes.com/images/divi/divi-cta-ui-collage-medium.png 768w, https://www.elegantthemes.com/images/divi/divi-cta-ui-collage-small.png 384w" sizes="(max-width: 1820px) 100vw, 1820px" alt="Divi Page Builder"></a> </div> <div class="row-container blog-index"> <div class="row"> <div class="column-container"> <div class="column"> <h3 id="comments">Check Out These Related Posts</h3> </div> </div> </div> <div class="row three-column small-gutters"> <div class="column-container"> <div class="column card accent-blue"> <article id="post-267072" class="entry article-card post-267072 post type-post status-publish format-standard has-post-thumbnail hentry category-theme-releases"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/theme-releases/divi-dash"> <img class="lazy" width="350" height="183" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/07/thumbnail-3.jpg" alt="Introducing Divi Dash! Your New WordPress Site Manager" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/theme-releases/divi-dash" title="Link to Introducing Divi Dash! Your New WordPress Site Manager">Introducing Divi Dash! Your New WordPress Site Manager</a></h3> <p class="blog-meta">Posted on <span class="published updated">August 5, 2024</span> in <a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a></p> <p>Today, we are excited to release Divi Dash, a WordPress management dashboard that helps you sprint through website maintenance tasks, and we are including it for free with your Divi membership. This tool empowers web designers to manage all their WordPress websites in one place, saving an untold...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/theme-releases/divi-dash" class="viewfull">View Full Post</a> </article> </div> </div> <div class="column-container"> <div class="column card accent-blue"> <article id="post-267059" class="entry article-card post-267059 post type-post status-publish format-standard has-post-thumbnail hentry category-theme-releases"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/theme-releases/divi-ai-sections"> <img class="lazy" width="350" height="183" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/07/thumbnail-2.jpg" alt="Introducing Divi AI Section Generation + Unsplash Integration" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/theme-releases/divi-ai-sections" title="Link to Introducing Divi AI Section Generation + Unsplash Integration">Introducing Divi AI Section Generation + Unsplash Integration</a></h3> <p class="blog-meta">Posted on <span class="published updated">July 17, 2024</span> in <a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a></p> <p>Today, we are excited to release an update to Divi AI, allowing you to generate individual sections of a much wider variety, filled with well-written content and images, automatically using the power of AI. Recently, we’ve launched some great AI features, including AI layout generation and AI...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/theme-releases/divi-ai-sections" class="viewfull">View Full Post</a> </article> </div> </div> <div class="column-container"> <div class="column card accent-blue"> <article id="post-266075" class="entry article-card post-266075 post type-post status-publish format-standard has-post-thumbnail hentry category-theme-releases"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/theme-releases/divi-quick-sites"> <img class="lazy" width="350" height="183" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/06/thumbnail-1.jpg" alt="Introducing Divi Quick Sites & AI Website Creation" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/theme-releases/divi-quick-sites" title="Link to Introducing Divi Quick Sites & AI Website Creation">Introducing Divi Quick Sites & AI Website Creation</a></h3> <p class="blog-meta">Posted on <span class="published updated">July 2, 2024</span> in <a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a></p> <p>Today, we are excited to release Divi Quick Sites, which includes entirely automated AI website creation and premade starter sites that you can use to spin up complete Divi websites in one to two minutes. It’s the fastest, easiest way to get a beautiful WordPress website up and running, and since...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/theme-releases/divi-quick-sites" class="viewfull">View Full Post</a> </article> </div> </div> </div> </div> <div class="row-container accent-blue"> <div class="row"> <div class="column-container"> <div class="column"> <h3 id="comments">211 Comments</h3> </div> </div> </div> <div class="row"> <div class="column-container"> <div class="column card accent-blue"> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-433090"> <article id="comment-433090" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ee2d1dd029a4be09bf2e0f35cefac40d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ee2d1dd029a4be09bf2e0f35cefac40d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Laurent Fabry</span> <span class="comment_date"> April 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hi there,<br /> Seems gorgeous first, but my testing are disappointing so far since it transforms the whole portfolio grid, not jsut individual items on rollover<br /> Any idea as to why ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-433090" data-commentid="433090" data-postid="97741" data-belowelement="comment-433090" data-respondelement="respond" data-replyto="Reply to Laurent Fabry" aria-label="Reply to Laurent Fabry">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-433089"> <article id="comment-433089" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ee2d1dd029a4be09bf2e0f35cefac40d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ee2d1dd029a4be09bf2e0f35cefac40d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Laurent Fabry</span> <span class="comment_date"> April 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hi there,<br /> Seems gorgeous first, but my testing are disappointing so far since it transforms the whole portfolio grid, not jsut individual items on rollover<br /> Any idea as to why ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-433089" data-commentid="433089" data-postid="97741" data-belowelement="comment-433089" data-respondelement="respond" data-replyto="Reply to Laurent Fabry" aria-label="Reply to Laurent Fabry">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-433088"> <article id="comment-433088" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ee2d1dd029a4be09bf2e0f35cefac40d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ee2d1dd029a4be09bf2e0f35cefac40d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Laurent Fabry</span> <span class="comment_date"> April 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hi there,<br /> Seems gorgeous first, but my testing are disappointing so far since it transforms the whole portfolio grid, not jsut individual items on rollover<br /> Any idea as to why ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-433088" data-commentid="433088" data-postid="97741" data-belowelement="comment-433088" data-respondelement="respond" data-replyto="Reply to Laurent Fabry" aria-label="Reply to Laurent Fabry">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-427999"> <article id="comment-427999" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fca9bffb7e049b839c6b37d0757df027?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fca9bffb7e049b839c6b37d0757df027?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Peter</span> <span class="comment_date"> March 27, 2019 </span> </div> <div class="comment-content clearfix"> <p>Maybe I am misunderstanding something, but this is just rollover and no animation feature?<br /> And<br /> it does not work properly as much rollover effects are flickering and not as expected a smooth flow…</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-427999" data-commentid="427999" data-postid="97741" data-belowelement="comment-427999" data-respondelement="respond" data-replyto="Reply to Peter" aria-label="Reply to Peter">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-427291"> <article id="comment-427291" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/53351fe4a3302f6acbdeca75dc13258d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/53351fe4a3302f6acbdeca75dc13258d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">PPNSteve</span> <span class="comment_date"> March 23, 2019 </span> </div> <div class="comment-content clearfix"> <p>Just updated and I can’t find this new feature on the builder.. what went wrong?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-427291" data-commentid="427291" data-postid="97741" data-belowelement="comment-427291" data-respondelement="respond" data-replyto="Reply to PPNSteve" aria-label="Reply to PPNSteve">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-429807"> <article id="comment-429807" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/38c8b2da1b91894688cf244a81e9d106?s=50&r=g' srcset='https://secure.gravatar.com/avatar/38c8b2da1b91894688cf244a81e9d106?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Lukas</span> <span class="comment_date"> April 3, 2019 </span> </div> <div class="comment-content clearfix"> <p>Same here 🙁</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-429807" data-commentid="429807" data-postid="97741" data-belowelement="comment-429807" data-respondelement="respond" data-replyto="Reply to Lukas" aria-label="Reply to Lukas">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-427056"> <article id="comment-427056" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7c39e0f3a01cdedba72928e386408b24?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7c39e0f3a01cdedba72928e386408b24?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Christian</span> <span class="comment_date"> March 22, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank you for this great feature. It appears that this feature has disabled z-index or am I not doing something right? Please help.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-427056" data-commentid="427056" data-postid="97741" data-belowelement="comment-427056" data-respondelement="respond" data-replyto="Reply to Christian" aria-label="Reply to Christian">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-426957"> <article id="comment-426957" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/81bc21f4f7a0c7fa9a35a3e6d3a388a0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/81bc21f4f7a0c7fa9a35a3e6d3a388a0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Donna Vanderloo</span> <span class="comment_date"> March 21, 2019 </span> </div> <div class="comment-content clearfix"> <p>Divi Team you are geniuses!!!!! Now it only comes down to my imagination! I have to wrap my mind around this.</p> <p>It seems that combined with the hoover function I can finally make a kind of ‘pop up on demand’. How amazing, thank you soooo much!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426957" data-commentid="426957" data-postid="97741" data-belowelement="comment-426957" data-respondelement="respond" data-replyto="Reply to Donna Vanderloo" aria-label="Reply to Donna Vanderloo">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-426932"> <article id="comment-426932" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e4862a9d60a71cb81b36087097ac821d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e4862a9d60a71cb81b36087097ac821d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Godfrey Owusu Asare</span> <span class="comment_date"> March 21, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow! This is great!<br /> Thumbs up guys</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426932" data-commentid="426932" data-postid="97741" data-belowelement="comment-426932" data-respondelement="respond" data-replyto="Reply to Godfrey Owusu Asare" aria-label="Reply to Godfrey Owusu Asare">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-426905"> <article id="comment-426905" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/a816b41420d81aab797496b3bf9bae42?s=50&r=g' srcset='https://secure.gravatar.com/avatar/a816b41420d81aab797496b3bf9bae42?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ben P</span> <span class="comment_date"> March 21, 2019 </span> </div> <div class="comment-content clearfix"> <p>Nice! Would love to see a tutorial for the hover effects in the “My Portfolio” section in the article which is pictured but not expanded upon much. I’m experimenting with transform on hover but the animation is wobbly and not graceful as shown here.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426905" data-commentid="426905" data-postid="97741" data-belowelement="comment-426905" data-respondelement="respond" data-replyto="Reply to Ben P" aria-label="Reply to Ben P">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-426901"> <article id="comment-426901" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/84a213c4cb1cd41d8c2afcfa81f5ac25?s=50&r=g' srcset='https://secure.gravatar.com/avatar/84a213c4cb1cd41d8c2afcfa81f5ac25?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Kwabsgops</span> <span class="comment_date"> March 21, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thanks for this guy. I’m dying for a new blog design features or a blog design plugin. Nick, with this divi will be a hit.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426901" data-commentid="426901" data-postid="97741" data-belowelement="comment-426901" data-respondelement="respond" data-replyto="Reply to Kwabsgops" aria-label="Reply to Kwabsgops">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-426879"> <article id="comment-426879" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/08c463e3705dd7b39e99e01fc767ed8c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/08c463e3705dd7b39e99e01fc767ed8c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">McKenna</span> <span class="comment_date"> March 21, 2019 </span> </div> <div class="comment-content clearfix"> <p>Can’t wait to give this a spin (or rotate?) on a new website build! Lots of ideas already!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426879" data-commentid="426879" data-postid="97741" data-belowelement="comment-426879" data-respondelement="respond" data-replyto="Reply to McKenna" aria-label="Reply to McKenna">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-426554"> <article id="comment-426554" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d14ed44faefa7944b585eacb841ece7e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d14ed44faefa7944b585eacb841ece7e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Randy King</span> <span class="comment_date"> March 19, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hooray! No more writing brain-wracking CSS transform code in the Advanced tabs! 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426554" data-commentid="426554" data-postid="97741" data-belowelement="comment-426554" data-respondelement="respond" data-replyto="Reply to Randy King" aria-label="Reply to Randy King">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-426350"> <article id="comment-426350" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/37182ef0981a4625dc026aa82223ec29?s=50&r=g' srcset='https://secure.gravatar.com/avatar/37182ef0981a4625dc026aa82223ec29?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Tiziana</span> <span class="comment_date"> March 18, 2019 </span> </div> <div class="comment-content clearfix"> <p>Very beautiful. I would like to try it too, but in my modules there is no transform option, can anyone tell me why?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426350" data-commentid="426350" data-postid="97741" data-belowelement="comment-426350" data-respondelement="respond" data-replyto="Reply to Tiziana" aria-label="Reply to Tiziana">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-426347"> <article id="comment-426347" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e6addf3331a7256b04531f0b2fd50c3f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e6addf3331a7256b04531f0b2fd50c3f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Mariano</span> <span class="comment_date"> March 18, 2019 </span> </div> <div class="comment-content clearfix"> <p>Really nice effects, but how can i manage z-index on hover. The slides on the left, are always shown under the slides on the right.</p> <p>¿Any idea how to configure z-index to see always on top the active slide?</p> <p>Thanks in advance.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426347" data-commentid="426347" data-postid="97741" data-belowelement="comment-426347" data-respondelement="respond" data-replyto="Reply to Mariano" aria-label="Reply to Mariano">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-426149"> <article id="comment-426149" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b159bd06cd7aeb0671d01dc284476d27?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b159bd06cd7aeb0671d01dc284476d27?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Damian</span> <span class="comment_date"> March 17, 2019 </span> </div> <div class="comment-content clearfix"> <p>one word “AWESOME”</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426149" data-commentid="426149" data-postid="97741" data-belowelement="comment-426149" data-respondelement="respond" data-replyto="Reply to Damian" aria-label="Reply to Damian">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-426145"> <article id="comment-426145" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f446396e046d4e8b466c6b4663893c83?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f446396e046d4e8b466c6b4663893c83?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jay</span> <span class="comment_date"> March 17, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hands down one of the best feature you guys released in a long time, simply because this level of freedom when it come to image manipulations was only available in places like layer slider or slider revolution. </p> <p>So glad you guys added this at last I can get rid of the plugins and design the way I like to work.</p> <p>Never before was something like this available on WP in a builder, you always had to get a plugin and be limited to their features and hope it worked with your builder.</p> <p>Well done guys, really well done this is a awesome feature, Im sure many people will find great used for it. I know I will as I am in the process of a complete redesign of my brand…So perfect timing. 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426145" data-commentid="426145" data-postid="97741" data-belowelement="comment-426145" data-respondelement="respond" data-replyto="Reply to Jay" aria-label="Reply to Jay">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-426116"> <article id="comment-426116" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9423802ada90dd083e3c9059b13d145b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9423802ada90dd083e3c9059b13d145b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Michael</span> <span class="comment_date"> March 17, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank you! Awesome new feature. </p> <p>FEATURE REQUEST: I would love to have true lazy loading wherever Divi uses images (backgrounds and Slider/Gallery/Image modules) and perhaps on the videos of Video Slider. To avoid any confusion with animations, with lazy loading is meant to defer the loading of an image until the point at which the user accesses a part of the page that requires it.<br /> Divi is an excellent builder but it burdens loading speed. With image lazy loading the performance gains will be significant, especially in designs which use quite some images. There are some good plugins out there but with limited applicability over Divi. Besides, it is not a very good idea, aiming at improving speed, to deteriorate speed by adding one more plugin.</p> <p>Do you have any plans for adding such feature and, if yes, which is the ETA?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426116" data-commentid="426116" data-postid="97741" data-belowelement="comment-426116" data-respondelement="respond" data-replyto="Reply to Michael" aria-label="Reply to Michael">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-426110"> <article id="comment-426110" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/636e141dc4e471bf86366e7ce7bc9b1b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/636e141dc4e471bf86366e7ce7bc9b1b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Sukhraj</span> <span class="comment_date"> March 17, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is neat</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426110" data-commentid="426110" data-postid="97741" data-belowelement="comment-426110" data-respondelement="respond" data-replyto="Reply to Sukhraj" aria-label="Reply to Sukhraj">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-426101"> <article id="comment-426101" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/17220281b596313bb923ad5b863948a7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/17220281b596313bb923ad5b863948a7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Carschool</span> <span class="comment_date"> March 17, 2019 </span> </div> <div class="comment-content clearfix"> <p>All the time just desing and small future, but if we will get woocommerce modul, will be old.<br /> Very phatetic by Divi….</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426101" data-commentid="426101" data-postid="97741" data-belowelement="comment-426101" data-respondelement="respond" data-replyto="Reply to Carschool" aria-label="Reply to Carschool">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425989"> <article id="comment-425989" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e440696c3a150573d0d7b89fbe279385?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e440696c3a150573d0d7b89fbe279385?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">JOHN D WILSON</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>Very Cool! i love the overlapping feature….</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425989" data-commentid="425989" data-postid="97741" data-belowelement="comment-425989" data-respondelement="respond" data-replyto="Reply to JOHN D WILSON" aria-label="Reply to JOHN D WILSON">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425959"> <article id="comment-425959" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3b90787dfde89b73962599c864aa9564?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3b90787dfde89b73962599c864aa9564?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Sreeni Potnuru</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>Really awesome. Thank you for adding in new features to Divi Builder. This one is amazing. Great work!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425959" data-commentid="425959" data-postid="97741" data-belowelement="comment-425959" data-respondelement="respond" data-replyto="Reply to Sreeni Potnuru" aria-label="Reply to Sreeni Potnuru">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425937"> <article id="comment-425937" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/333c9c4af8e5788b909c050955196be1?s=50&r=g' srcset='https://secure.gravatar.com/avatar/333c9c4af8e5788b909c050955196be1?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ron Kelly</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>It adds that “creative look” to websites. Thanks</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425937" data-commentid="425937" data-postid="97741" data-belowelement="comment-425937" data-respondelement="respond" data-replyto="Reply to Ron Kelly" aria-label="Reply to Ron Kelly">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425886"> <article id="comment-425886" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fc9d80d0872ecf8d9922ca172cea89e6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fc9d80d0872ecf8d9922ca172cea89e6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Weddingsonly</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thanks for sharing this information.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425886" data-commentid="425886" data-postid="97741" data-belowelement="comment-425886" data-respondelement="respond" data-replyto="Reply to Weddingsonly" aria-label="Reply to Weddingsonly">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425847"> <article id="comment-425847" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/da9e21846970e7bd4dee118ef7d5461d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/da9e21846970e7bd4dee118ef7d5461d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ruben l Broadnax</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Grand Slam Home Run!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425847" data-commentid="425847" data-postid="97741" data-belowelement="comment-425847" data-respondelement="respond" data-replyto="Reply to Ruben l Broadnax" aria-label="Reply to Ruben l Broadnax">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425834"> <article id="comment-425834" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0e355c41bf0c287431084b40a9b3a315?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0e355c41bf0c287431084b40a9b3a315?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Elisandro Borges</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>One of the coolest updates! Thank you!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425834" data-commentid="425834" data-postid="97741" data-belowelement="comment-425834" data-respondelement="respond" data-replyto="Reply to Elisandro Borges" aria-label="Reply to Elisandro Borges">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425828"> <article id="comment-425828" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/bbf385456794d0458a033a64bccb4e43?s=50&r=g' srcset='https://secure.gravatar.com/avatar/bbf385456794d0458a033a64bccb4e43?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Brylee Alexander</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>This update looks incredibly exciting! I can’t wait to try it out!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425828" data-commentid="425828" data-postid="97741" data-belowelement="comment-425828" data-respondelement="respond" data-replyto="Reply to Brylee Alexander" aria-label="Reply to Brylee Alexander">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425825"> <article id="comment-425825" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/a8d81ff242dcf4c008ed506281716ed2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/a8d81ff242dcf4c008ed506281716ed2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Barry Smith</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Absolutely fantastic 🙂 Used it tonight for an update for a client, saved loads of time.<br /> Thank you to everyone at Elegant Themes for such an amazing builder and all the features you give.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425825" data-commentid="425825" data-postid="97741" data-belowelement="comment-425825" data-respondelement="respond" data-replyto="Reply to Barry Smith" aria-label="Reply to Barry Smith">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425818"> <article id="comment-425818" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/a1a642b4b2b92bf03b4697b5816e035e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/a1a642b4b2b92bf03b4697b5816e035e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Debra</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Love the candy but need theme builder and srcset more.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425818" data-commentid="425818" data-postid="97741" data-belowelement="comment-425818" data-respondelement="respond" data-replyto="Reply to Debra" aria-label="Reply to Debra">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425809"> <article id="comment-425809" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0a415b5651fe69504fdeb6eaf21466f6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0a415b5651fe69504fdeb6eaf21466f6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Max</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Really awesome!<br /> Thank you!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425809" data-commentid="425809" data-postid="97741" data-belowelement="comment-425809" data-respondelement="respond" data-replyto="Reply to Max" aria-label="Reply to Max">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425797"> <article id="comment-425797" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/a038f392be8307a72c48a876143a3207?s=50&r=g' srcset='https://secure.gravatar.com/avatar/a038f392be8307a72c48a876143a3207?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">bruno</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Awesome 🙂<br /> Besides, I used it since this morning wondering if it was a novelty that I had not seen!<br /> Easy to use and brings a little more, congratulations</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425797" data-commentid="425797" data-postid="97741" data-belowelement="comment-425797" data-respondelement="respond" data-replyto="Reply to bruno" aria-label="Reply to bruno">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425794"> <article id="comment-425794" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/eb7501d86088eca391122daa25e426ca?s=50&r=g' srcset='https://secure.gravatar.com/avatar/eb7501d86088eca391122daa25e426ca?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Patrick</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank you guys for this awesome update 🙂 </p> <p>You guys did a really great job 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425794" data-commentid="425794" data-postid="97741" data-belowelement="comment-425794" data-respondelement="respond" data-replyto="Reply to Patrick" aria-label="Reply to Patrick">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425786"> <article id="comment-425786" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d09d7c680d6dcfd788ddf8d7a1cec2c4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d09d7c680d6dcfd788ddf8d7a1cec2c4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Rod</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Ive been wanting the header and footer + Theme builder updates for ages … but this update is a welcome distraction! OK that’s a bit harsh, its not a distraction its a GREAT update! Sure has made my life easier. </p> <p>Nice one ET!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425786" data-commentid="425786" data-postid="97741" data-belowelement="comment-425786" data-respondelement="respond" data-replyto="Reply to Rod" aria-label="Reply to Rod">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425784"> <article id="comment-425784" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ab19abf02e864c7d90df78115fbcf94e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ab19abf02e864c7d90df78115fbcf94e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">david williams</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>“Amazing” is……….RIGHT!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425784" data-commentid="425784" data-postid="97741" data-belowelement="comment-425784" data-respondelement="respond" data-replyto="Reply to david williams" aria-label="Reply to david williams">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425773"> <article id="comment-425773" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9ad9ff7443cdd72fc7ca596c50f40510?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9ad9ff7443cdd72fc7ca596c50f40510?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Arby</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>It will be interesting to see how Designers ABUSE this feature. Heheheh 😉 </p> <p>Such as uploading massive 3000 pixel wide images and then scaling them down to 150px wide in the Builder. HA! I hope ET thought to include some sort of auto-crop to idiot-proof this.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425773" data-commentid="425773" data-postid="97741" data-belowelement="comment-425773" data-respondelement="respond" data-replyto="Reply to Arby" aria-label="Reply to Arby">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425764"> <article id="comment-425764" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f576b04fc525904ea18ddf628695dbd1?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f576b04fc525904ea18ddf628695dbd1?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jason Brown</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>When does it arrive? Cannot wait to use it.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425764" data-commentid="425764" data-postid="97741" data-belowelement="comment-425764" data-respondelement="respond" data-replyto="Reply to Jason Brown" aria-label="Reply to Jason Brown">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425835"> <article id="comment-425835" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0e355c41bf0c287431084b40a9b3a315?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0e355c41bf0c287431084b40a9b3a315?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Elisandro Borges</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Now! Update your theme. That’s all.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425835" data-commentid="425835" data-postid="97741" data-belowelement="comment-425835" data-respondelement="respond" data-replyto="Reply to Elisandro Borges" aria-label="Reply to Elisandro Borges">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425763"> <article id="comment-425763" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/79f4df0c83e513ff6891cd39dcf63dde?s=50&r=g' srcset='https://secure.gravatar.com/avatar/79f4df0c83e513ff6891cd39dcf63dde?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">John Barousse</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Gorgeous and powerful. Not as powerful as the long-awaited THEME BUILDER which I desperately need! Or just some more header or mega menu designs. Anything in the root theme to un-Divi, Divi.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425763" data-commentid="425763" data-postid="97741" data-belowelement="comment-425763" data-respondelement="respond" data-replyto="Reply to John Barousse" aria-label="Reply to John Barousse">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425757"> <article id="comment-425757" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9f0dc25320d01cb42e4d28b45c75eb00?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9f0dc25320d01cb42e4d28b45c75eb00?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Kevin Watson</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great update…thanks.</p> <p>One question…can you reorder elements when stacking?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425757" data-commentid="425757" data-postid="97741" data-belowelement="comment-425757" data-respondelement="respond" data-replyto="Reply to Kevin Watson" aria-label="Reply to Kevin Watson">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425755"> <article id="comment-425755" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ec0b4b7e1664cf598a802060f3231ece?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ec0b4b7e1664cf598a802060f3231ece?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Graphic Salon</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>These controls make Divi the best WordPress theme builder on the market. Congrats!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425755" data-commentid="425755" data-postid="97741" data-belowelement="comment-425755" data-respondelement="respond" data-replyto="Reply to Graphic Salon" aria-label="Reply to Graphic Salon">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425751"> <article id="comment-425751" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6a1dc38b2709db59046a8c7ab9bdd375?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6a1dc38b2709db59046a8c7ab9bdd375?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Raffaele</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hi all.<br /> Amazing features here.<br /> Just another question, how did you do the video lightbox with all the effects on the player image too?<br /> Thanks</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425751" data-commentid="425751" data-postid="97741" data-belowelement="comment-425751" data-respondelement="respond" data-replyto="Reply to Raffaele" aria-label="Reply to Raffaele">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425750"> <article id="comment-425750" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/5ce37cb2135d497276a31e0742f264fe?s=50&r=g' srcset='https://secure.gravatar.com/avatar/5ce37cb2135d497276a31e0742f264fe?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Love User</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Congratulations Nicolas Cage. You are very good!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425750" data-commentid="425750" data-postid="97741" data-belowelement="comment-425750" data-respondelement="respond" data-replyto="Reply to Love User" aria-label="Reply to Love User">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425743"> <article id="comment-425743" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/81f6c3db52bd12388e5eac4414750132?s=50&r=g' srcset='https://secure.gravatar.com/avatar/81f6c3db52bd12388e5eac4414750132?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Comp</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>It’s amazing to see how Divi is changing and developing. Amazing work! Keep going!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425743" data-commentid="425743" data-postid="97741" data-belowelement="comment-425743" data-respondelement="respond" data-replyto="Reply to Comp" aria-label="Reply to Comp">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425742"> <article id="comment-425742" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/81f6c3db52bd12388e5eac4414750132?s=50&r=g' srcset='https://secure.gravatar.com/avatar/81f6c3db52bd12388e5eac4414750132?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Comp</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>It’s amazing to see how Divi is changing and developing</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425742" data-commentid="425742" data-postid="97741" data-belowelement="comment-425742" data-respondelement="respond" data-replyto="Reply to Comp" aria-label="Reply to Comp">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425734"> <article id="comment-425734" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/90f4d8a710d9702ac6787550d753e6cc?s=50&r=g' srcset='https://secure.gravatar.com/avatar/90f4d8a710d9702ac6787550d753e6cc?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Mitch</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Finally something new, was getting worried, no new features or updates for like almost months….. this is a good one.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425734" data-commentid="425734" data-postid="97741" data-belowelement="comment-425734" data-respondelement="respond" data-replyto="Reply to Mitch" aria-label="Reply to Mitch">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425723"> <article id="comment-425723" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/29228842464b46ee9539e60f2482ad5a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/29228842464b46ee9539e60f2482ad5a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Maxim</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great Work!<br /> Nice Feature – Visual Advanced Editing finally.<br /> In these Days no one is satisfied with Simple Editing.</p> <p>We all need Advanced ways to present our creativity!<br /> This is a good Step forward.</p> <p>But please note the following on the priority list for the next features to add:<br /> • Advanced drop shadows (google it)<br /> • Gradient Shadows & Outlines<br /> • allow in Options to have always local fonts (who wants their sitespeed slower then possible anyway?)<br /> • improved background video in modules with advanced functions (loop from XX sec to XXX sec)</p> <p>Thanks and have a good day</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425723" data-commentid="425723" data-postid="97741" data-belowelement="comment-425723" data-respondelement="respond" data-replyto="Reply to Maxim" aria-label="Reply to Maxim">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425722"> <article id="comment-425722" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/715cd6936bb18327f7f70c58ab2ee9ba?s=50&r=g' srcset='https://secure.gravatar.com/avatar/715cd6936bb18327f7f70c58ab2ee9ba?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ghofran</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Finally !!<br /> I liked it very much but how did I find it on my theme?<br /> I updated my Divi theme but still didn’t find it.<br /> Plz help</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425722" data-commentid="425722" data-postid="97741" data-belowelement="comment-425722" data-respondelement="respond" data-replyto="Reply to Ghofran" aria-label="Reply to Ghofran">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425710"> <article id="comment-425710" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/23b107020710ccd212628f9208d5e874?s=50&r=g' srcset='https://secure.gravatar.com/avatar/23b107020710ccd212628f9208d5e874?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Graeme Lawson</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is ridiculously awesome. Every time something new like this comes out I can’t wait to find a way to shoehorn it into the next client’s work as an excuse to play 😀</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425710" data-commentid="425710" data-postid="97741" data-belowelement="comment-425710" data-respondelement="respond" data-replyto="Reply to Graeme Lawson" aria-label="Reply to Graeme Lawson">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425709"> <article id="comment-425709" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e4ab1e2bcd75d369697b86ad001ddf18?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e4ab1e2bcd75d369697b86ad001ddf18?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Olli Adams</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Eagerly waiting for a theme builder.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425709" data-commentid="425709" data-postid="97741" data-belowelement="comment-425709" data-respondelement="respond" data-replyto="Reply to Olli Adams" aria-label="Reply to Olli Adams">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425694"> <article id="comment-425694" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/af8b23d1c8e0f6709172f61f14666707?s=50&r=g' srcset='https://secure.gravatar.com/avatar/af8b23d1c8e0f6709172f61f14666707?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Marcos de la Vega</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Perfect. Amazing !!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425694" data-commentid="425694" data-postid="97741" data-belowelement="comment-425694" data-respondelement="respond" data-replyto="Reply to Marcos de la Vega" aria-label="Reply to Marcos de la Vega">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425692"> <article id="comment-425692" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/11c9cfdb0f47950f3e3070ce9c668225?s=50&r=g' srcset='https://secure.gravatar.com/avatar/11c9cfdb0f47950f3e3070ce9c668225?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Pathsos Cancer Care</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Very nice</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425692" data-commentid="425692" data-postid="97741" data-belowelement="comment-425692" data-respondelement="respond" data-replyto="Reply to Pathsos Cancer Care" aria-label="Reply to Pathsos Cancer Care">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425690"> <article id="comment-425690" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/00b5b99fb72adbfcc4de65b526a290d5?s=50&r=g' srcset='https://secure.gravatar.com/avatar/00b5b99fb72adbfcc4de65b526a290d5?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Elke</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Superb!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425690" data-commentid="425690" data-postid="97741" data-belowelement="comment-425690" data-respondelement="respond" data-replyto="Reply to Elke" aria-label="Reply to Elke">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425687"> <article id="comment-425687" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b41efda32b7b9184f2e9368565719867?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b41efda32b7b9184f2e9368565719867?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Bjarne Oldrup</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Really fun to play with… One oddity though. Isn’t transformation styling included in the “Extend Style” option? I’v tried extending a transformation style to all blurbs or images in a row or section, without luck. Copy/paste tranformation style works well though. An omission or by design?</p> <p>Kind regards<br /> Bjarne</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425687" data-commentid="425687" data-postid="97741" data-belowelement="comment-425687" data-respondelement="respond" data-replyto="Reply to Bjarne Oldrup" aria-label="Reply to Bjarne Oldrup">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425681"> <article id="comment-425681" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0e12fa6dbe09fa57894ec040f1b14bbe?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0e12fa6dbe09fa57894ec040f1b14bbe?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Linkebel</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>It’s very cute but where Woocommerce modules, where is the layout injector, it was presented in September 2018, it’s very long.<br /> Very very disappointed ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425681" data-commentid="425681" data-postid="97741" data-belowelement="comment-425681" data-respondelement="respond" data-replyto="Reply to Linkebel" aria-label="Reply to Linkebel">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425671"> <article id="comment-425671" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/303852a9871d9dc5be3d05ad9e401741?s=50&r=g' srcset='https://secure.gravatar.com/avatar/303852a9871d9dc5be3d05ad9e401741?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Gavin</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>As much as I love the look of these features I am wondering if the community even asked for this. </p> <p>Where is the header/footer builder? Surely this is THE most requested feature.</p> <p>Looks like I’ll be using choosing Elementor Pro for my next project again</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425671" data-commentid="425671" data-postid="97741" data-belowelement="comment-425671" data-respondelement="respond" data-replyto="Reply to Gavin" aria-label="Reply to Gavin">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425682"> <article id="comment-425682" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0e12fa6dbe09fa57894ec040f1b14bbe?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0e12fa6dbe09fa57894ec040f1b14bbe?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Linkebel</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>The same.<br /> I also look to Elementor for a very big step ahead.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425682" data-commentid="425682" data-postid="97741" data-belowelement="comment-425682" data-respondelement="respond" data-replyto="Reply to Linkebel" aria-label="Reply to Linkebel">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425668"> <article id="comment-425668" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0d94cd9271f245bef3be45124418a91e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0d94cd9271f245bef3be45124418a91e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ava Charpentier</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yeahhhh ! You ROCK ET !</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425668" data-commentid="425668" data-postid="97741" data-belowelement="comment-425668" data-respondelement="respond" data-replyto="Reply to Ava Charpentier" aria-label="Reply to Ava Charpentier">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425654"> <article id="comment-425654" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/95635f6a03d58d1021338d76b3bd30cb?s=50&r=g' srcset='https://secure.gravatar.com/avatar/95635f6a03d58d1021338d76b3bd30cb?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Calvin</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is fantastic! Can’t wait to explore the new feature!<br /> Thanks Elegant Team!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425654" data-commentid="425654" data-postid="97741" data-belowelement="comment-425654" data-respondelement="respond" data-replyto="Reply to Calvin" aria-label="Reply to Calvin">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425653"> <article id="comment-425653" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4d8c759d2987b2cc8807da481b622670?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4d8c759d2987b2cc8807da481b622670?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">JP Julpe</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank you for the the best Interface for Web Designers.<br /> JP</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425653" data-commentid="425653" data-postid="97741" data-belowelement="comment-425653" data-respondelement="respond" data-replyto="Reply to JP Julpe" aria-label="Reply to JP Julpe">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425651"> <article id="comment-425651" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/46fe27fa504029bc9a05a34871a5a6f4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/46fe27fa504029bc9a05a34871a5a6f4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Andreas M</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>THIS IS TOP OF THE TOPS! Guys, YOU ARE AMAZING!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425651" data-commentid="425651" data-postid="97741" data-belowelement="comment-425651" data-respondelement="respond" data-replyto="Reply to Andreas M" aria-label="Reply to Andreas M">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425650"> <article id="comment-425650" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4f537d91a75ed18d539ab470e10efe7b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4f537d91a75ed18d539ab470e10efe7b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Nosunelanube</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Perfect. Congratulations</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425650" data-commentid="425650" data-postid="97741" data-belowelement="comment-425650" data-respondelement="respond" data-replyto="Reply to Nosunelanube" aria-label="Reply to Nosunelanube">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425642"> <article id="comment-425642" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2c5a49bb0cf1f3b0da520026e3b972f7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2c5a49bb0cf1f3b0da520026e3b972f7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Samar Jamil</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>What an awesome Update</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425642" data-commentid="425642" data-postid="97741" data-belowelement="comment-425642" data-respondelement="respond" data-replyto="Reply to Samar Jamil" aria-label="Reply to Samar Jamil">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425641"> <article id="comment-425641" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/11b6a8e192996df1a4d206f46ebbdd53?s=50&r=g' srcset='https://secure.gravatar.com/avatar/11b6a8e192996df1a4d206f46ebbdd53?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Chetan Gupta</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Amazing. This could beat webflow. Amazing high quality interactions & animations now in-built in divi….</p> <p>Love to be a part of this community. </p> <p>Advance animations lessons coming soon.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425641" data-commentid="425641" data-postid="97741" data-belowelement="comment-425641" data-respondelement="respond" data-replyto="Reply to Chetan Gupta" aria-label="Reply to Chetan Gupta">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425640"> <article id="comment-425640" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6f7db7549e1d60aa12f3b399c1e0fc86?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6f7db7549e1d60aa12f3b399c1e0fc86?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Victor</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow, amazing job ET! 2019 is going to be a great year. 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425640" data-commentid="425640" data-postid="97741" data-belowelement="comment-425640" data-respondelement="respond" data-replyto="Reply to Victor" aria-label="Reply to Victor">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425629"> <article id="comment-425629" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0e6fdbaebb67f2338a035e3d35ed136b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0e6fdbaebb67f2338a035e3d35ed136b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Rambharat Singh</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hiii elegant theme !!!<br /> Themes are amazing I will definitely try it.<br /> Thanks.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425629" data-commentid="425629" data-postid="97741" data-belowelement="comment-425629" data-respondelement="respond" data-replyto="Reply to Rambharat Singh" aria-label="Reply to Rambharat Singh">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425620"> <article id="comment-425620" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/69b2b11f3745a9624a4411f1f58f788c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/69b2b11f3745a9624a4411f1f58f788c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Adam</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is great. It provides freedom to designers and let them focus on the core aspects without going back and forth which saves time.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425620" data-commentid="425620" data-postid="97741" data-belowelement="comment-425620" data-respondelement="respond" data-replyto="Reply to Adam" aria-label="Reply to Adam">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425613"> <article id="comment-425613" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ec062958bc4f85bc361b5b1858bca34?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ec062958bc4f85bc361b5b1858bca34?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Anjali Deshmukh</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Awesome feature, day by day Divi itself transforming into complete graphic application for web like photoshop. Unlike photoshop now we can easily play with images inside divi without touching it anymore. </p> <p>Great efforts ET team,<br /> Thank you very much for giving us this incredible tool.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425613" data-commentid="425613" data-postid="97741" data-belowelement="comment-425613" data-respondelement="respond" data-replyto="Reply to Anjali Deshmukh" aria-label="Reply to Anjali Deshmukh">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425610"> <article id="comment-425610" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/cff8d9584220dc00eb64600c187332da?s=50&r=g' srcset='https://secure.gravatar.com/avatar/cff8d9584220dc00eb64600c187332da?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Andrei</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Awesome! I want to try!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425610" data-commentid="425610" data-postid="97741" data-belowelement="comment-425610" data-respondelement="respond" data-replyto="Reply to Andrei" aria-label="Reply to Andrei">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425607"> <article id="comment-425607" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b21fe68ff5ed924472c40ce15ff4e20d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b21fe68ff5ed924472c40ce15ff4e20d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Chris</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Elegant Themes must be recognized as a company that has harnessed the potential of technology for the masses. You have crafted our means of production. Frankly…for the uneducated (at least in the standard sense). The revolution you harnessed some time ago is contained in the idea that “normal people” can produce their thoughts in coherent, or event elegant ways, but more importantly translated by DIVI to share with the world. IOW you gave people from ALL walks of life a voice and vehicle.<br /> Fine job Nick.<br /> One day I will successfully add dimensions to such harnessing through a collaborative network, and further by evolving a collective conscience.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425607" data-commentid="425607" data-postid="97741" data-belowelement="comment-425607" data-respondelement="respond" data-replyto="Reply to Chris" aria-label="Reply to Chris">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425602"> <article id="comment-425602" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e0a03e40a2907b0fb608641b46f2ee9c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e0a03e40a2907b0fb608641b46f2ee9c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">craig longmuir</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>a super easy way to make those stacked 3d perspective screenshots we all love so much…. and so much more. looks very cool. 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425602" data-commentid="425602" data-postid="97741" data-belowelement="comment-425602" data-respondelement="respond" data-replyto="Reply to craig longmuir" aria-label="Reply to craig longmuir">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425601"> <article id="comment-425601" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/5dc63ec6e7f5290b22bb40d7ea47c905?s=50&r=g' srcset='https://secure.gravatar.com/avatar/5dc63ec6e7f5290b22bb40d7ea47c905?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Fadhel</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Woow… Finally.<br /> I just an issue, I need to make dir=”rtl” in in the whole page.. or in a module .. I have two version language of my website, the problem in Arabic ver. I should change the whole WordPress language to get Right-to-Left alignment effect but still not affect on all element in my website.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425601" data-commentid="425601" data-postid="97741" data-belowelement="comment-425601" data-respondelement="respond" data-replyto="Reply to Fadhel" aria-label="Reply to Fadhel">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425593"> <article id="comment-425593" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6ee68776b547cd11b384cea0fd98a366?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6ee68776b547cd11b384cea0fd98a366?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Kim Xie Yuzhe</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is so powerful Nick, This is a revolutionary move!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425593" data-commentid="425593" data-postid="97741" data-belowelement="comment-425593" data-respondelement="respond" data-replyto="Reply to Kim Xie Yuzhe" aria-label="Reply to Kim Xie Yuzhe">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425590"> <article id="comment-425590" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c74db981fdd73a0b7389fdee4f494937?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c74db981fdd73a0b7389fdee4f494937?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Richard Getz</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Brilliant!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425590" data-commentid="425590" data-postid="97741" data-belowelement="comment-425590" data-respondelement="respond" data-replyto="Reply to Richard Getz" aria-label="Reply to Richard Getz">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425587"> <article id="comment-425587" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9ae4387146d65660acaea927747d54bf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9ae4387146d65660acaea927747d54bf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Shakya Jemison</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is amazing and while I can’t wait to start playing with it, I have to ask PLEASE PLEASE PLEASE fix your contact form…..</p> <p>You have all this amazing stuff and yet every website I build I have to use a separate plug in for contact forms. Yours are easy to build, look good but DONT WORK. </p> <p>Consider investing a few hours looking into why, it would be much appreciated.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425587" data-commentid="425587" data-postid="97741" data-belowelement="comment-425587" data-respondelement="respond" data-replyto="Reply to Shakya Jemison" aria-label="Reply to Shakya Jemison">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425586"> <article id="comment-425586" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/90c63f1fd622ab2385e8ed7c89e918c3?s=50&r=g' srcset='https://secure.gravatar.com/avatar/90c63f1fd622ab2385e8ed7c89e918c3?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Krishna Chaitanya</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great improvement Elegant themes team.</p> <p>Such enhancements help us in ways unimaginable.</p> <p>I can’t wait to try this.</p> <p>Happy birthday.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425586" data-commentid="425586" data-postid="97741" data-belowelement="comment-425586" data-respondelement="respond" data-replyto="Reply to Krishna Chaitanya" aria-label="Reply to Krishna Chaitanya">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425584"> <article id="comment-425584" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/bafa7da44b687585f198dc6158368751?s=50&r=g' srcset='https://secure.gravatar.com/avatar/bafa7da44b687585f198dc6158368751?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Alan Perkins</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Fantastic, Well done Divi</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425584" data-commentid="425584" data-postid="97741" data-belowelement="comment-425584" data-respondelement="respond" data-replyto="Reply to Alan Perkins" aria-label="Reply to Alan Perkins">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425582"> <article id="comment-425582" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ddab246d700e9fd8bba3e4f5e4eb6ac8?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ddab246d700e9fd8bba3e4f5e4eb6ac8?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Kelly</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank you for the video and the gifs showing how to use these, they are very helpful for non-programmers like me building my own site. And of course, thank you for the update! It’s lovely! Can’t wait for the others!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425582" data-commentid="425582" data-postid="97741" data-belowelement="comment-425582" data-respondelement="respond" data-replyto="Reply to Kelly" aria-label="Reply to Kelly">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425581"> <article id="comment-425581" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/a515683bbc4ab00b8971a7227bd39438?s=50&r=g' srcset='https://secure.gravatar.com/avatar/a515683bbc4ab00b8971a7227bd39438?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">David</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Does it support SRCSET?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425581" data-commentid="425581" data-postid="97741" data-belowelement="comment-425581" data-respondelement="respond" data-replyto="Reply to David" aria-label="Reply to David">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425579"> <article id="comment-425579" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/97a3fd0729e6aaea9a1a7ef1b31b9bad?s=50&r=g' srcset='https://secure.gravatar.com/avatar/97a3fd0729e6aaea9a1a7ef1b31b9bad?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Cao Phat</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>What is happening ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425579" data-commentid="425579" data-postid="97741" data-belowelement="comment-425579" data-respondelement="respond" data-replyto="Reply to Cao Phat" aria-label="Reply to Cao Phat">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425575"> <article id="comment-425575" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/cd6614b6df6bbfbc8a35311c655efe5b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/cd6614b6df6bbfbc8a35311c655efe5b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Lars Jensen</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Still no full safari support on MacOS’s. Many animations just don’t work or are not possible to view in preview. Divi doesn’t seem interested in supporting the Mac browser OR safari is a pain for developers to work with…?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425575" data-commentid="425575" data-postid="97741" data-belowelement="comment-425575" data-respondelement="respond" data-replyto="Reply to Lars Jensen" aria-label="Reply to Lars Jensen">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425570"> <article id="comment-425570" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0fddcd541bd306fc5f59842a90ad257b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0fddcd541bd306fc5f59842a90ad257b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Joseph Loi</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is true amazing!! (for non web-designer) bringing webdesign to transform people idea & life experience..!!! keep up the true good work..</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425570" data-commentid="425570" data-postid="97741" data-belowelement="comment-425570" data-respondelement="respond" data-replyto="Reply to Joseph Loi" aria-label="Reply to Joseph Loi">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425565"> <article id="comment-425565" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ae4e30a20d4a6b3f595dcf2ae6bc8f1a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ae4e30a20d4a6b3f595dcf2ae6bc8f1a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Balázs</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great tool! I will definitely try it. Thanks ET!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425565" data-commentid="425565" data-postid="97741" data-belowelement="comment-425565" data-respondelement="respond" data-replyto="Reply to Balázs" aria-label="Reply to Balázs">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425563"> <article id="comment-425563" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/662dc5bb608058c24cd2779baaa0642d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/662dc5bb608058c24cd2779baaa0642d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Britt Phillips</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is enough to make you want to smack your grandma! AWESOME!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425563" data-commentid="425563" data-postid="97741" data-belowelement="comment-425563" data-respondelement="respond" data-replyto="Reply to Britt Phillips" aria-label="Reply to Britt Phillips">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425562"> <article id="comment-425562" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c8b3ba639b487d154bdff642d136271e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c8b3ba639b487d154bdff642d136271e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Luke</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great stuff! Divi keeps on getting better and better 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425562" data-commentid="425562" data-postid="97741" data-belowelement="comment-425562" data-respondelement="respond" data-replyto="Reply to Luke" aria-label="Reply to Luke">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425557"> <article id="comment-425557" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ca1eca880d128e5c595a224fa857f761?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ca1eca880d128e5c595a224fa857f761?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Marc Price</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow! The best gets better!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425557" data-commentid="425557" data-postid="97741" data-belowelement="comment-425557" data-respondelement="respond" data-replyto="Reply to Marc Price" aria-label="Reply to Marc Price">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425549"> <article id="comment-425549" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ea5f6496c1b44c77c2a23908fea378fc?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ea5f6496c1b44c77c2a23908fea378fc?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Alexander</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Guys, you killed wix and bunch of other builders) now I think you are the best in the market all over the world)</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425549" data-commentid="425549" data-postid="97741" data-belowelement="comment-425549" data-respondelement="respond" data-replyto="Reply to Alexander" aria-label="Reply to Alexander">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425546"> <article id="comment-425546" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/593a749d424eea398c671be52c652136?s=50&r=g' srcset='https://secure.gravatar.com/avatar/593a749d424eea398c671be52c652136?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Chris</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is great – thank you! I was going to say I really debated when I was looking to buy a Lifetime whether to get Divi or a different one – and I’m sure glad I got Divi. Then I noticed that Jay just said that…</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425546" data-commentid="425546" data-postid="97741" data-belowelement="comment-425546" data-respondelement="respond" data-replyto="Reply to Chris" aria-label="Reply to Chris">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425544"> <article id="comment-425544" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f36068a38b6cafb56b75f089c35f3f0c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f36068a38b6cafb56b75f089c35f3f0c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Neil</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Transform modules looks great and I can’t wait to give it a go 🙂 Divi just get’s better and better – every day it seems! It truly is one of the best WordPress themes available. Great work and thank you.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425544" data-commentid="425544" data-postid="97741" data-belowelement="comment-425544" data-respondelement="respond" data-replyto="Reply to Neil" aria-label="Reply to Neil">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425543"> <article id="comment-425543" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/52be758abc45d1306efef8e6e61f945e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/52be758abc45d1306efef8e6e61f945e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jorge Salazar</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great feature. ¡Happy Anniversary, ET!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425543" data-commentid="425543" data-postid="97741" data-belowelement="comment-425543" data-respondelement="respond" data-replyto="Reply to Jorge Salazar" aria-label="Reply to Jorge Salazar">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425537"> <article id="comment-425537" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/52c1e4d72a4994bf70209f7570d4b548?s=50&r=g' srcset='https://secure.gravatar.com/avatar/52c1e4d72a4994bf70209f7570d4b548?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jay</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Looking forward to using this, Divi lifetime was or is the best investment EVER!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425537" data-commentid="425537" data-postid="97741" data-belowelement="comment-425537" data-respondelement="respond" data-replyto="Reply to Jay" aria-label="Reply to Jay">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425530"> <article id="comment-425530" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1498a4c24934e7059bc4f93ea844db62?s=50&r=g' srcset='https://secure.gravatar.com/avatar/1498a4c24934e7059bc4f93ea844db62?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Niels</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>truly great guys! I’d love to see more scroll-animation controls in the future! Keep it up.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425530" data-commentid="425530" data-postid="97741" data-belowelement="comment-425530" data-respondelement="respond" data-replyto="Reply to Niels" aria-label="Reply to Niels">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425524"> <article id="comment-425524" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3a0f8b8be7955e35848114d67aad0d98?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3a0f8b8be7955e35848114d67aad0d98?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Taisa-Designer</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Oh! This image edition looks quite original! 😀 I have to try this somewhere xD</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425524" data-commentid="425524" data-postid="97741" data-belowelement="comment-425524" data-respondelement="respond" data-replyto="Reply to Taisa-Designer" aria-label="Reply to Taisa-Designer">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425521"> <article id="comment-425521" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4c6f3012ffd1d8b165d8b6144d081f6c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4c6f3012ffd1d8b165d8b6144d081f6c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Irishetcher</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yay hay. Now I can do that Hilda Ogden flying ducks Cornation Street tribute page I’ve had in the pipeline for the last while.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425521" data-commentid="425521" data-postid="97741" data-belowelement="comment-425521" data-respondelement="respond" data-replyto="Reply to Irishetcher" aria-label="Reply to Irishetcher">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425519"> <article id="comment-425519" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3c2644d37b3b5f700acaee4179be615f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3c2644d37b3b5f700acaee4179be615f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Gokhan</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Oh My …<br /> Thanks!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425519" data-commentid="425519" data-postid="97741" data-belowelement="comment-425519" data-respondelement="respond" data-replyto="Reply to Gokhan" aria-label="Reply to Gokhan">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425514"> <article id="comment-425514" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fe65a034d6c6ef827d7aee9709d74090?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fe65a034d6c6ef827d7aee9709d74090?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jahdai Cintron</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Well this would have saved me several hours last night. Still, this makes me very happy.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425514" data-commentid="425514" data-postid="97741" data-belowelement="comment-425514" data-respondelement="respond" data-replyto="Reply to Jahdai Cintron" aria-label="Reply to Jahdai Cintron">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425513"> <article id="comment-425513" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7a59108e5f16a7b1f14cfdf53a230fdf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7a59108e5f16a7b1f14cfdf53a230fdf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Karin</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>WOOOWWWWWW! This is an amazing new feature for creative solutions! Thank you, keep ’em coming!!! We LOVE Divi!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425513" data-commentid="425513" data-postid="97741" data-belowelement="comment-425513" data-respondelement="respond" data-replyto="Reply to Karin" aria-label="Reply to Karin">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425512"> <article id="comment-425512" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/058be22f587d63741a8b04988f2bd8d7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/058be22f587d63741a8b04988f2bd8d7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">DAY</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This looks incredible! Looking forward to playing around with this feature. Excited to see what’s possible combing this with the Advanced Animation tools:</p> <p><a href="https://www.elegantthemes.com/blog/theme-releases/divi-feature-update-introducing-advanced-animations-options-for-all-divi-modules-rows-and-sections" rel="ugc">https://www.elegantthemes.com/blog/theme-releases/divi-feature-update-introducing-advanced-animations-options-for-all-divi-modules-rows-and-sections</a></p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425512" data-commentid="425512" data-postid="97741" data-belowelement="comment-425512" data-respondelement="respond" data-replyto="Reply to DAY" aria-label="Reply to DAY">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425545"> <article id="comment-425545" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/583da615be26c738a394f0f8a7444210?s=50&r=g' srcset='https://secure.gravatar.com/avatar/583da615be26c738a394f0f8a7444210?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Enrique Salgado</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I’m trying this feature with the Advanced Animations but it doesn’t seem to work properly. Have you tried it?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425545" data-commentid="425545" data-postid="97741" data-belowelement="comment-425545" data-respondelement="respond" data-replyto="Reply to Enrique Salgado" aria-label="Reply to Enrique Salgado">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-even depth-1" id="li-comment-425509"> <article id="comment-425509" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6ffcf77a83284ece002b6be441fdb306?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6ffcf77a83284ece002b6be441fdb306?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">markatescilisorgulama</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is an amazing new feature.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425509" data-commentid="425509" data-postid="97741" data-belowelement="comment-425509" data-respondelement="respond" data-replyto="Reply to markatescilisorgulama" aria-label="Reply to markatescilisorgulama">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425508"> <article id="comment-425508" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3f1f33f28e1be11b8087eb5fbcb4acbd?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3f1f33f28e1be11b8087eb5fbcb4acbd?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Mark</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great work</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425508" data-commentid="425508" data-postid="97741" data-belowelement="comment-425508" data-respondelement="respond" data-replyto="Reply to Mark" aria-label="Reply to Mark">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425507"> <article id="comment-425507" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/29734a81766c8818a30297446c8d80e4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/29734a81766c8818a30297446c8d80e4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">bnick</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>You blow my mind. It’s excellent feature. Well done.<br /> It used to take some extra time to do it with Adobe software, going out of WP environnement. And it looks so simple now.<br /> Thank you for this.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425507" data-commentid="425507" data-postid="97741" data-belowelement="comment-425507" data-respondelement="respond" data-replyto="Reply to bnick" aria-label="Reply to bnick">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425505"> <article id="comment-425505" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d21ae6c90d0866fe15a3588f8a34c3df?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d21ae6c90d0866fe15a3588f8a34c3df?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Simplebutcreative Media</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>They’re finally back from the dead! lol</p> <p>I’m definitely going to be utilizing this feature. Now I don’t have to use photoshop to get this effect. What’s next ET Team???</p> <p>When are we getting a full divi woocommerce integration? Elementor is way ahead of the curve with the Woo stuff.</p> <p>Also, what about the header and footer builder?</p> <p>Any multisite role editor feature of some sort coming soon???</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425505" data-commentid="425505" data-postid="97741" data-belowelement="comment-425505" data-respondelement="respond" data-replyto="Reply to Simplebutcreative Media" aria-label="Reply to Simplebutcreative Media">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425536"> <article id="comment-425536" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Vlad Patrascu</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>WooCommerce Modules (<a href="https://www.elegantthemes.com/blog/theme-sneak-peeks/divi-feature-sneak-peek-woocommerce-modules" rel="ugc">https://www.elegantthemes.com/blog/theme-sneak-peeks/divi-feature-sneak-peek-woocommerce-modules</a>) is close to being ready and the Theme Builder (<a href="https://www.elegantthemes.com/blog/theme-sneak-peeks/divi-feature-sneak-peek-the-divi-theme-builder" rel="ugc">https://www.elegantthemes.com/blog/theme-sneak-peeks/divi-feature-sneak-peek-the-divi-theme-builder</a>) is in the works. </p> <p>As for the Role Editor, we do plan on improving it in the future but we don’t have the full specs just yet. ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425536" data-commentid="425536" data-postid="97741" data-belowelement="comment-425536" data-respondelement="respond" data-replyto="Reply to Vlad Patrascu" aria-label="Reply to Vlad Patrascu">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425503"> <article id="comment-425503" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/89a4d5181f0a4cfc9d367cb423458316?s=50&r=g' srcset='https://secure.gravatar.com/avatar/89a4d5181f0a4cfc9d367cb423458316?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Simon</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>What impact is this going have on screen readers and accessibility?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425503" data-commentid="425503" data-postid="97741" data-belowelement="comment-425503" data-respondelement="respond" data-replyto="Reply to Simon" aria-label="Reply to Simon">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425502"> <article id="comment-425502" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/38e3114f77f0f04572a6568c0e40d5d9?s=50&r=g' srcset='https://secure.gravatar.com/avatar/38e3114f77f0f04572a6568c0e40d5d9?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Tony</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great job…..To top the cake would be POPUP feature modular!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425502" data-commentid="425502" data-postid="97741" data-belowelement="comment-425502" data-respondelement="respond" data-replyto="Reply to Tony" aria-label="Reply to Tony">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425500"> <article id="comment-425500" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0c07153b915ffb079dcc22264b8f0d5e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0c07153b915ffb079dcc22264b8f0d5e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">DirtyPixel</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is off the scale! Fantastic work ET. A tutorial on the My Portfolio page above would be much appreciated 😉</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425500" data-commentid="425500" data-postid="97741" data-belowelement="comment-425500" data-respondelement="respond" data-replyto="Reply to DirtyPixel" aria-label="Reply to DirtyPixel">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425499"> <article id="comment-425499" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9b33d2aa08dd2d58446553dee589113e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9b33d2aa08dd2d58446553dee589113e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Tanya</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is amazing!! I WANT IT!! Question.. how do I apply this to my installation of Divi?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425499" data-commentid="425499" data-postid="97741" data-belowelement="comment-425499" data-respondelement="respond" data-replyto="Reply to Tanya" aria-label="Reply to Tanya">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425495"> <article id="comment-425495" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e0151177cdad2794e5aab5a15b3e20ea?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e0151177cdad2794e5aab5a15b3e20ea?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Matthew</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Switching to Divi last year was the best decision I ever made. I replaced every previous theme with Divi and couldn’t be happier. I use it on every website I create, and I feel confident in knowing that it’s a builder and integrated wordpress system that is not going to be abandoned by the devs like so many others are. </p> <p>Thanks Divi, keep all these great features coming.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425495" data-commentid="425495" data-postid="97741" data-belowelement="comment-425495" data-respondelement="respond" data-replyto="Reply to Matthew" aria-label="Reply to Matthew">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425494"> <article id="comment-425494" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d37f89831c6d3b6711c2705c39f31daf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d37f89831c6d3b6711c2705c39f31daf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Cornel Marian</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>woww the coolest update this year</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425494" data-commentid="425494" data-postid="97741" data-belowelement="comment-425494" data-respondelement="respond" data-replyto="Reply to Cornel Marian" aria-label="Reply to Cornel Marian">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425493"> <article id="comment-425493" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/5f6ea0e087ac8336c89910d58b7fb29b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/5f6ea0e087ac8336c89910d58b7fb29b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ryan</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank you, Nick!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425493" data-commentid="425493" data-postid="97741" data-belowelement="comment-425493" data-respondelement="respond" data-replyto="Reply to Ryan" aria-label="Reply to Ryan">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425492"> <article id="comment-425492" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6695e74b3f3b9a5781cd691882c6dac2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6695e74b3f3b9a5781cd691882c6dac2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Julian Marin|</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank you so much, this is wonderful. Thanks to ET team.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425492" data-commentid="425492" data-postid="97741" data-belowelement="comment-425492" data-respondelement="respond" data-replyto="Reply to Julian Marin|" aria-label="Reply to Julian Marin|">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425489"> <article id="comment-425489" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fe3e590684e7698a2f2e85cb7dd432ed?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fe3e590684e7698a2f2e85cb7dd432ed?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Andy</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I just want to say, I guess it was over 4 years ago (time flies!) that I first went all in with Divi for my new clients. Since then I’ve built hundreds of new sites using Divi and have never looked back. You guys seriously rock – thanks for making our jobs that much easier and even fun.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425489" data-commentid="425489" data-postid="97741" data-belowelement="comment-425489" data-respondelement="respond" data-replyto="Reply to Andy" aria-label="Reply to Andy">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425486"> <article id="comment-425486" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/244c20ceb628da88c62ba2c52638a5de?s=50&r=g' srcset='https://secure.gravatar.com/avatar/244c20ceb628da88c62ba2c52638a5de?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Donal</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Fantastic !!!</p> <p>And i was even happier at the end of the video when Nick confirmed that they can be animate-able on hover.</p> <p>Well Done Team Divi</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425486" data-commentid="425486" data-postid="97741" data-belowelement="comment-425486" data-respondelement="respond" data-replyto="Reply to Donal" aria-label="Reply to Donal">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425775"> <article id="comment-425775" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4cad3b6f9bccaca450c6757dcae5a955?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4cad3b6f9bccaca450c6757dcae5a955?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Trent</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Not to be a bummer but keep in mind that your hover effects will not work on mobile for potentially half of your viewers.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425775" data-commentid="425775" data-postid="97741" data-belowelement="comment-425775" data-respondelement="respond" data-replyto="Reply to Trent" aria-label="Reply to Trent">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-even depth-1" id="li-comment-425484"> <article id="comment-425484" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2f816f6df615876904ad73538770ed3f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2f816f6df615876904ad73538770ed3f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ray Katz</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thanks for this, Nick!</p> <p>I was expecting tighter integration with Gutenberg to come next, but you surprised me with this fun feature. I guess this was the feature that was ready.</p> <p>Anyhow, keep up the good work. Love the new improved support system, too!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425484" data-commentid="425484" data-postid="97741" data-belowelement="comment-425484" data-respondelement="respond" data-replyto="Reply to Ray Katz" aria-label="Reply to Ray Katz">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425483"> <article id="comment-425483" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/5118ad3ad9115cc77e89236970e55812?s=50&r=g' srcset='https://secure.gravatar.com/avatar/5118ad3ad9115cc77e89236970e55812?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Timothy Lawless</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is a Great Feature… Thanks!</p> <p>We Really Need this kind of Control with HEADERS, Menus, and FOOTERS… I obviously haven’t tested this yet, but if this does not work with them, can you please make it so…?</p> <p>The biggest missing feature with Divi is the Header Customization and Mobile Menu. </p> <p>It would be nice to not have to write Custom CSS to have Branding, adjust the logo, Buttons, CTA’s, more Info, make them sticky, etc… especially on mobile.</p> <p>Keep up the good work!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425483" data-commentid="425483" data-postid="97741" data-belowelement="comment-425483" data-respondelement="respond" data-replyto="Reply to Timothy Lawless" aria-label="Reply to Timothy Lawless">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425482"> <article id="comment-425482" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4b4ee536d7931e075184afe2134c2e80?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4b4ee536d7931e075184afe2134c2e80?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Riccardo Mentaschi</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>When finally a release of some improvements to the “DIVI Theme”? Eg: the very, very simple possibility to change background colors of sidebars or some more possibility for header and footer. Actually DIVI Theme is a very limited and basic theme. Not at the level of the other theme on the market. After more than a full year I have not seen any minimal improvement in the DIVI theme. I lost something?<br /> Thanks.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425482" data-commentid="425482" data-postid="97741" data-belowelement="comment-425482" data-respondelement="respond" data-replyto="Reply to Riccardo Mentaschi" aria-label="Reply to Riccardo Mentaschi">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425560"> <article id="comment-425560" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9f5c107d1e7db1d87b8a47ac6970fedb?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9f5c107d1e7db1d87b8a47ac6970fedb?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Rovireti</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>+1</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425560" data-commentid="425560" data-postid="97741" data-belowelement="comment-425560" data-respondelement="respond" data-replyto="Reply to Rovireti" aria-label="Reply to Rovireti">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even depth-2" id="li-comment-425540"> <article id="comment-425540" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Vlad Patrascu</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>The Theme Builder is in the works right now! ?</p> <p>You can check out our sneak peek here: <a href="https://www.elegantthemes.com/blog/theme-sneak-peeks/divi-feature-sneak-peek-the-divi-theme-builder" rel="ugc">https://www.elegantthemes.com/blog/theme-sneak-peeks/divi-feature-sneak-peek-the-divi-theme-builder</a></p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425540" data-commentid="425540" data-postid="97741" data-belowelement="comment-425540" data-respondelement="respond" data-replyto="Reply to Vlad Patrascu" aria-label="Reply to Vlad Patrascu">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-425673"> <article id="comment-425673" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6f7d31333c9ddcddeb5d242ec63b9ae1?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6f7d31333c9ddcddeb5d242ec63b9ae1?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Bob the webbuilder</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yeah, just wait 2 more months and we’ll celebrate this sneak peeks one years anniversary! Will we get a 20% discount again then? Or maybe we will finally get the actual theme builder by then to celebrate!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425673" data-commentid="425673" data-postid="97741" data-belowelement="comment-425673" data-respondelement="respond" data-replyto="Reply to Bob the webbuilder" aria-label="Reply to Bob the webbuilder">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-4" id="li-comment-425747"> <article id="comment-425747" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/11eab5898250dae49804c76f19c0cf9e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/11eab5898250dae49804c76f19c0cf9e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Gary R</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>And in one month Elementor will celebrate actually HAVING these features for one year. I’m a lifetime ET member but I switched to Elementor Pro because of the constant promises that Theme Builder was going to happen “any day now”. I’m sure a lot of the more “developer” types using Divi did the same as I. The problem is that now that I have built many sites with Elementor, I see no reason to come back to Divi.</p> <p>Perhaps when this finally happens I’ll redo some of my Divi sites where I had to use 3rd party plugins for CPTs. Maybe.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425747" data-commentid="425747" data-postid="97741" data-belowelement="comment-425747" data-respondelement="respond" data-replyto="Reply to Gary R" aria-label="Reply to Gary R">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> </ul> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425481"> <article id="comment-425481" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/00baa023c0243309439a005f86083bc9?s=50&r=g' srcset='https://secure.gravatar.com/avatar/00baa023c0243309439a005f86083bc9?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Dave Whittle</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow. Just when you thought Divi couldn’t get better, they find a way to defy expectations yet again. Is walking on water in the works?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425481" data-commentid="425481" data-postid="97741" data-belowelement="comment-425481" data-respondelement="respond" data-replyto="Reply to Dave Whittle" aria-label="Reply to Dave Whittle">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425480"> <article id="comment-425480" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7142254709c41a12a99a1927534a9d4d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7142254709c41a12a99a1927534a9d4d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Suzanne Livingston</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>You guys rock!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425480" data-commentid="425480" data-postid="97741" data-belowelement="comment-425480" data-respondelement="respond" data-replyto="Reply to Suzanne Livingston" aria-label="Reply to Suzanne Livingston">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425479"> <article id="comment-425479" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1d2d9ea6a9d66b7bff3d8ef927e8355e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/1d2d9ea6a9d66b7bff3d8ef927e8355e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Mohamed</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I am speechless!!!<br /> That’s incredibly beautiful update. .<br /> It seems that you got the big bang of coding universe to have this great capabilities that allow you to play with the builder this way</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425479" data-commentid="425479" data-postid="97741" data-belowelement="comment-425479" data-respondelement="respond" data-replyto="Reply to Mohamed" aria-label="Reply to Mohamed">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425477"> <article id="comment-425477" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1466cc58a1a0b099f52ab39317be61f0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/1466cc58a1a0b099f52ab39317be61f0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Bob</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Only took 6 posts before …. “but I wish we had….” comment… is that a new record?</p> <p>Awesome addition to the Divi!!!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425477" data-commentid="425477" data-postid="97741" data-belowelement="comment-425477" data-respondelement="respond" data-replyto="Reply to Bob" aria-label="Reply to Bob">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425476"> <article id="comment-425476" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/816b49b546af61155e1bc70e2f3e97c0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/816b49b546af61155e1bc70e2f3e97c0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Leif persson</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Amazing update, ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425476" data-commentid="425476" data-postid="97741" data-belowelement="comment-425476" data-respondelement="respond" data-replyto="Reply to Leif persson" aria-label="Reply to Leif persson">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425473"> <article id="comment-425473" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/efe07942c92b381c87277a83db511ab2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/efe07942c92b381c87277a83db511ab2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Taulant</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Awesomeness !!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425473" data-commentid="425473" data-postid="97741" data-belowelement="comment-425473" data-respondelement="respond" data-replyto="Reply to Taulant" aria-label="Reply to Taulant">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425472"> <article id="comment-425472" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/763ca5f90d5aa10b17d41d5a339329dd?s=50&r=g' srcset='https://secure.gravatar.com/avatar/763ca5f90d5aa10b17d41d5a339329dd?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Dre</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow this looks great, will the transformation controls also be available in EXTRA?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425472" data-commentid="425472" data-postid="97741" data-belowelement="comment-425472" data-respondelement="respond" data-replyto="Reply to Dre" aria-label="Reply to Dre">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425547"> <article id="comment-425547" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Vlad Patrascu</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yep! As always, any feature specific to the Divi Builder will be available in Divi, Extra and the standalone Divi Builder plugin. ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425547" data-commentid="425547" data-postid="97741" data-belowelement="comment-425547" data-respondelement="respond" data-replyto="Reply to Vlad Patrascu" aria-label="Reply to Vlad Patrascu">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425470"> <article id="comment-425470" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6c7e9b7e9616b8eddbe2574793825479?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6c7e9b7e9616b8eddbe2574793825479?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Simon Kohli</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>It’s weird, because only the other day I was thinking that this sort of functionality would be the next logical development. I can’t wait to start experimenting with it.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425470" data-commentid="425470" data-postid="97741" data-belowelement="comment-425470" data-respondelement="respond" data-replyto="Reply to Simon Kohli" aria-label="Reply to Simon Kohli">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425468"> <article id="comment-425468" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ba56ba2a4b844e477cfb25bfc3ecf433?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ba56ba2a4b844e477cfb25bfc3ecf433?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jim Gharib</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>The features were already amazing but this one takes the cake, Absolutely marvelous, couldn’t believe my eyes. You guys are great and making us look good.<br /> Thanks</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425468" data-commentid="425468" data-postid="97741" data-belowelement="comment-425468" data-respondelement="respond" data-replyto="Reply to Jim Gharib" aria-label="Reply to Jim Gharib">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425465"> <article id="comment-425465" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/358e41fc306528ae70f4b4778cddee07?s=50&r=g' srcset='https://secure.gravatar.com/avatar/358e41fc306528ae70f4b4778cddee07?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Robson</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great news, so excited ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425465" data-commentid="425465" data-postid="97741" data-belowelement="comment-425465" data-respondelement="respond" data-replyto="Reply to Robson" aria-label="Reply to Robson">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425464"> <article id="comment-425464" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d4ee072848f4bd4b2d7dfd7971535c40?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d4ee072848f4bd4b2d7dfd7971535c40?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">juan Gonzalez</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>A long time ago I was criticizing but today I say. Oh my God!! This update is great. I loved this update this fantastic.</p> <p>Congratulations. I really do not expect to find this in Divi.<br /> Congratulations ET</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425464" data-commentid="425464" data-postid="97741" data-belowelement="comment-425464" data-respondelement="respond" data-replyto="Reply to juan Gonzalez" aria-label="Reply to juan Gonzalez">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425463"> <article id="comment-425463" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/a5e63077c2bfda26955d71051a9dc674?s=50&r=g' srcset='https://secure.gravatar.com/avatar/a5e63077c2bfda26955d71051a9dc674?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Becca</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Whoa, this amazing! Thank you so much!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425463" data-commentid="425463" data-postid="97741" data-belowelement="comment-425463" data-respondelement="respond" data-replyto="Reply to Becca" aria-label="Reply to Becca">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425462"> <article id="comment-425462" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/944cb2b90db8c31c65f4b0ed6e99d791?s=50&r=g' srcset='https://secure.gravatar.com/avatar/944cb2b90db8c31c65f4b0ed6e99d791?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Aaron</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is an excellent added functionality for expanding UX in a dynamic and meaningful way to any extent and degree a design and layout calls for. GREAT WORK!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425462" data-commentid="425462" data-postid="97741" data-belowelement="comment-425462" data-respondelement="respond" data-replyto="Reply to Aaron" aria-label="Reply to Aaron">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425461"> <article id="comment-425461" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/784149cafcfc4059909000da3702dbd6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/784149cafcfc4059909000da3702dbd6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Chrissy</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>OMG you guys!! This is fantastic! Probably one of my favorite updates yet! ?#mindblown</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425461" data-commentid="425461" data-postid="97741" data-belowelement="comment-425461" data-respondelement="respond" data-replyto="Reply to Chrissy" aria-label="Reply to Chrissy">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425460"> <article id="comment-425460" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3bea1d523f0ac1ab22d3c0d03dd6d661?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3bea1d523f0ac1ab22d3c0d03dd6d661?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Amanda</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Goody, goody gumdrops!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425460" data-commentid="425460" data-postid="97741" data-belowelement="comment-425460" data-respondelement="respond" data-replyto="Reply to Amanda" aria-label="Reply to Amanda">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425459"> <article id="comment-425459" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/35bb2cf3d5cc8a5119c1c773a6d56fc7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/35bb2cf3d5cc8a5119c1c773a6d56fc7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Mish</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Congratz!! that’s the type of feature im interested in</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425459" data-commentid="425459" data-postid="97741" data-belowelement="comment-425459" data-respondelement="respond" data-replyto="Reply to Mish" aria-label="Reply to Mish">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425458"> <article id="comment-425458" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/050695687432487a2827fd943dfb8b7d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/050695687432487a2827fd943dfb8b7d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">michael</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>It would be useful to be able to animate – say a 1cm sq image slowly enlarging to a 10cm image as an example.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425458" data-commentid="425458" data-postid="97741" data-belowelement="comment-425458" data-respondelement="respond" data-replyto="Reply to michael" aria-label="Reply to michael">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425551"> <article id="comment-425551" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Vlad Patrascu</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>If you mean on hover, you can do that. In the Transform options group click on the cursor icon to enable Hover and then you will see to tabs, Default and Hover where you can adjust each option individually for the default and hover states.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425551" data-commentid="425551" data-postid="97741" data-belowelement="comment-425551" data-respondelement="respond" data-replyto="Reply to Vlad Patrascu" aria-label="Reply to Vlad Patrascu">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-425766"> <article id="comment-425766" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/740bcd89eeea38ddd2e7a86ad79dd9e2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/740bcd89eeea38ddd2e7a86ad79dd9e2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Gilberto Mizrahi</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>I think Michael is asking for controls to set up the animation parameters.<br /> As it is we can get a default animation, but I don’t see either how to change the timing, easing and other parameters of the animation between default and hover state</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425766" data-commentid="425766" data-postid="97741" data-belowelement="comment-425766" data-respondelement="respond" data-replyto="Reply to Gilberto Mizrahi" aria-label="Reply to Gilberto Mizrahi">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425457"> <article id="comment-425457" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f5ab93e766d09a90d671361e93ece9c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f5ab93e766d09a90d671361e93ece9c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Daniel Becerra</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I love this. Seriously. Divi is becoming the best front-end builder even if you decide not to use it for other than UX.<br /> However, guys, I hope you are working on the back-end to bring more functionality and integration with WordPress…</p> <p>The lack of header & footer options is really frustrating. The “Theme Options” is such an isolated tool; and the fact that you can’t create Templates (post_types; archive pages; other custom taxonomies as those brought by WooCommerce or LearnDash) with Divi makes this tool a great option for static / basic websites deployment (certainly better than any other option out there) … But not suitable for truly WordPress websites that take advantages of all the things you can accomplish with such a strong framework.</p> <p>Please add more back-end functionalities!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425457" data-commentid="425457" data-postid="97741" data-belowelement="comment-425457" data-respondelement="respond" data-replyto="Reply to Daniel Becerra" aria-label="Reply to Daniel Becerra">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425456"> <article id="comment-425456" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f5ab93e766d09a90d671361e93ece9c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f5ab93e766d09a90d671361e93ece9c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Daniel Becerra</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I love this. Seriously. Divi is becoming the best front-end builder even if you decide not to use it for other than UX.<br /> However, guys, I hope you are working on the back-end to bring more functionality and integration with WordPress…</p> <p>The lack of header & footer options is really frustrating. The “Theme Options” is such an isolated tool; and the fact that you can’t create Templates (post_types; archive pages; other custom taxonomies as those brought by WooCommerce or LearnDash) with Divi makes this tool a great option for static / basic websites deployment (certainly better than any other option out there; better than Wix; and slowly getting ahead of Webflow) … But not suitable for truly WordPress websites that take advantages of all the things you can accomplish with such a strong framework.</p> <p>Just my two cents…</p> <p>Please add more back-end functionalities!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425456" data-commentid="425456" data-postid="97741" data-belowelement="comment-425456" data-respondelement="respond" data-replyto="Reply to Daniel Becerra" aria-label="Reply to Daniel Becerra">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425452"> <article id="comment-425452" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ad1ae81d785da3575f1192faf0995cde?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ad1ae81d785da3575f1192faf0995cde?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Daniel Becerra</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I love this. Seriously. Divi is becoming the best front-end builder even if you decide not to use it for other than UX.<br /> However, guys, I hope you are working on the back-end to bring more functionality and integration with WordPress…</p> <p>The lack of header & footer options is really frustrating. The “Theme Options” is such an isolated tool; and the fact that you can’t create Templates (post_types; archive pages; other custom taxonomies as those brought by WooCommerce or LearnDash) with Divi makes this tool a great option for static / basic websites deployment (certainly better than any other option out there; better than Wix; and slowly getting ahead of Webflow) … But not suitable for truly WordPress websites that take advantages of all the things you can accomplish with such a strong framework.</p> <p>Divi should aim to compete more with Oxygen, Bubble.is; and less with SquareSpace.<br /> Just my two cents…</p> <p>Please add more back-end functionalities!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425452" data-commentid="425452" data-postid="97741" data-belowelement="comment-425452" data-respondelement="respond" data-replyto="Reply to Daniel Becerra" aria-label="Reply to Daniel Becerra">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425920"> <article id="comment-425920" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e13d08eb980606b19e9ff24074d727be?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e13d08eb980606b19e9ff24074d727be?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">javier milara</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hi Daniel, Vlad! I love too this new addition to the front end workflow!<br /> And I also ask Elegant Themes developers to add everything you said to make the Divi framework a more solid option for more advanced WP designs.</p> <p>Pleaseeee work hard on implementing this aspect soon!</p> <p>Thanks, Divi team!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425920" data-commentid="425920" data-postid="97741" data-belowelement="comment-425920" data-respondelement="respond" data-replyto="Reply to javier milara" aria-label="Reply to javier milara">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt depth-2" id="li-comment-425533"> <article id="comment-425533" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2e6eb888e9e1e7bd916201f22debd57e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Vlad Patrascu</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hey Daniel!</p> <p>Thanks for your feedback! ?</p> <p>We are actively working on everything that you mentioned in your comment. Stay tuned! ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425533" data-commentid="425533" data-postid="97741" data-belowelement="comment-425533" data-respondelement="respond" data-replyto="Reply to Vlad Patrascu" aria-label="Reply to Vlad Patrascu">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425451"> <article id="comment-425451" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/437d9343ec0b579923e11bde1d93dd64?s=50&r=g' srcset='https://secure.gravatar.com/avatar/437d9343ec0b579923e11bde1d93dd64?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Freelance Web Designer</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>?<br /> Honestly, that just blew my mind away!</p> <p>You are the best WordPress theme developers of the decade but you’re still not happy with it, are you? You want to be the best EVER! Well I think you’re already that aswell! ???</p> <p>As a Freelance Web Designer, I can’t thank you enough for what you’ve done to my career so far… Thank you for being awesome, consistently! ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425451" data-commentid="425451" data-postid="97741" data-belowelement="comment-425451" data-respondelement="respond" data-replyto="Reply to Freelance Web Designer" aria-label="Reply to Freelance Web Designer">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425449"> <article id="comment-425449" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/91d8fd4ffe055421b75e483299d1cf90?s=50&r=g' srcset='https://secure.gravatar.com/avatar/91d8fd4ffe055421b75e483299d1cf90?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Van Glass</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Thank You..! Excellent addition</p> <p>FEATURE REQUEST: I would love to have more header control… I frequently need to add additional CTA buttons, phone numbers, etc. Rather than having to custom code, It would be great to have that built in Divi… That’s my Christmas wish.. 🙂</p> <p>Thanks again for staying committed to growing Divi..!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425449" data-commentid="425449" data-postid="97741" data-belowelement="comment-425449" data-respondelement="respond" data-replyto="Reply to Van Glass" aria-label="Reply to Van Glass">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425943"> <article id="comment-425943" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f9173d38a98ef6ae2a011505713c16b2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f9173d38a98ef6ae2a011505713c16b2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Anna</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>Absolutely!!! There are so many options clients want up there and it’s a pain to get them what they want.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425943" data-commentid="425943" data-postid="97741" data-belowelement="comment-425943" data-respondelement="respond" data-replyto="Reply to Anna" aria-label="Reply to Anna">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt depth-2" id="li-comment-425573"> <article id="comment-425573" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c9f60837d4d18b906985073bc535ed47?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c9f60837d4d18b906985073bc535ed47?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Erica</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Same here. These changes are great and all but more header options are really needed.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425573" data-commentid="425573" data-postid="97741" data-belowelement="comment-425573" data-respondelement="respond" data-replyto="Reply to Erica" aria-label="Reply to Erica">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425448"> <article id="comment-425448" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/18a3231d8e1991674520440e12cfd77b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/18a3231d8e1991674520440e12cfd77b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Michael</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Super slick. Amazing how this opens up easy to apply design ideas. . Can’t wait to try this. </p> <p>That said, would love to see some basic WordPress options added that have been missing for a long time, like image captions. Or be able to display images in the portfolio module without cropping.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425448" data-commentid="425448" data-postid="97741" data-belowelement="comment-425448" data-respondelement="respond" data-replyto="Reply to Michael" aria-label="Reply to Michael">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425942"> <article id="comment-425942" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f9173d38a98ef6ae2a011505713c16b2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f9173d38a98ef6ae2a011505713c16b2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Anna</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>YES was just wishing this week we could have captions…what could be more basic???</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425942" data-commentid="425942" data-postid="97741" data-belowelement="comment-425942" data-respondelement="respond" data-replyto="Reply to Anna" aria-label="Reply to Anna">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-even depth-1" id="li-comment-425447"> <article id="comment-425447" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1f93f4bb034ac62c7e1c4793851d57b9?s=50&r=g' srcset='https://secure.gravatar.com/avatar/1f93f4bb034ac62c7e1c4793851d57b9?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Aron</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Hey thats AMAZING!<br /> Would be cool if you guys could now add this to the WooCommerce Product Grid Images!<br /> I’d see some pretty pretty cool shop layouts coming that way!<br /> Also are there any plans on improved Shop Layouts?</p> <p>Good to see you guys putting such great updates out!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425447" data-commentid="425447" data-postid="97741" data-belowelement="comment-425447" data-respondelement="respond" data-replyto="Reply to Aron" aria-label="Reply to Aron">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425445"> <article id="comment-425445" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c357277efa38a61c31ae05a07e1d231b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c357277efa38a61c31ae05a07e1d231b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Carl Uttley</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Amazing update! Can’t wait to start experimenting!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425445" data-commentid="425445" data-postid="97741" data-belowelement="comment-425445" data-respondelement="respond" data-replyto="Reply to Carl Uttley" aria-label="Reply to Carl Uttley">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425444"> <article id="comment-425444" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/93a2c8fae50d3e71b15c8235629a8374?s=50&r=g' srcset='https://secure.gravatar.com/avatar/93a2c8fae50d3e71b15c8235629a8374?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">S Suthers</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>You guys at Elegant Themes are amazing. Thank you for all your hard work and dedication to making an already awesome product even more outstanding. You rock!!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425444" data-commentid="425444" data-postid="97741" data-belowelement="comment-425444" data-respondelement="respond" data-replyto="Reply to S Suthers" aria-label="Reply to S Suthers">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425443"> <article id="comment-425443" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4ce607d4de11e7940e6fc75b8646d4d4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4ce607d4de11e7940e6fc75b8646d4d4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">elportalmm</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Uauuuuuuuu!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425443" data-commentid="425443" data-postid="97741" data-belowelement="comment-425443" data-respondelement="respond" data-replyto="Reply to elportalmm" aria-label="Reply to elportalmm">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425442"> <article id="comment-425442" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c045aedebfcb31c2def772616a67efc8?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c045aedebfcb31c2def772616a67efc8?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">ernesto</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow, nice feature for web design. I like it.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425442" data-commentid="425442" data-postid="97741" data-belowelement="comment-425442" data-respondelement="respond" data-replyto="Reply to ernesto" aria-label="Reply to ernesto">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425441"> <article id="comment-425441" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4ce607d4de11e7940e6fc75b8646d4d4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4ce607d4de11e7940e6fc75b8646d4d4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">elportalmm</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Uaaaauuuuuuuu!!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425441" data-commentid="425441" data-postid="97741" data-belowelement="comment-425441" data-respondelement="respond" data-replyto="Reply to elportalmm" aria-label="Reply to elportalmm">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425440"> <article id="comment-425440" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ba9745844cde166d6a573eef55dfaf6f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ba9745844cde166d6a573eef55dfaf6f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Vladimir</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yahuu!!! It’s super great. 😉</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425440" data-commentid="425440" data-postid="97741" data-belowelement="comment-425440" data-respondelement="respond" data-replyto="Reply to Vladimir" aria-label="Reply to Vladimir">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425439"> <article id="comment-425439" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2d0df53341f4a107feaabf5ebfe19604?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2d0df53341f4a107feaabf5ebfe19604?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Rivka Neumann</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is epic. Super excited to try it!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425439" data-commentid="425439" data-postid="97741" data-belowelement="comment-425439" data-respondelement="respond" data-replyto="Reply to Rivka Neumann" aria-label="Reply to Rivka Neumann">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425438"> <article id="comment-425438" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/acd205cea0793a249983cda704f175f6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/acd205cea0793a249983cda704f175f6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ryan Berg</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yeah. Also curious how the elements will act on mobile devices (in regards to placement). But seems like a great tool. Look forward to testing it out. Thanks for the update!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425438" data-commentid="425438" data-postid="97741" data-belowelement="comment-425438" data-respondelement="respond" data-replyto="Reply to Ryan Berg" aria-label="Reply to Ryan Berg">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425941"> <article id="comment-425941" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f9173d38a98ef6ae2a011505713c16b2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f9173d38a98ef6ae2a011505713c16b2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Anna</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>That was my question also…how will it perform across mobile platforms?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425941" data-commentid="425941" data-postid="97741" data-belowelement="comment-425941" data-respondelement="respond" data-replyto="Reply to Anna" aria-label="Reply to Anna">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425437"> <article id="comment-425437" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d98f7682d50c5569aca753a4674ddeef?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d98f7682d50c5569aca753a4674ddeef?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Rapolas</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Amazing!! How much better it can get? I am getting worried that at some point WordPress users will match Divi users and competition upon web design with divi will become incredible.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425437" data-commentid="425437" data-postid="97741" data-belowelement="comment-425437" data-respondelement="respond" data-replyto="Reply to Rapolas" aria-label="Reply to Rapolas">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425772"> <article id="comment-425772" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4cad3b6f9bccaca450c6757dcae5a955?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4cad3b6f9bccaca450c6757dcae5a955?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Trent</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>You shouldn’t be worried if you are confident in your skills and the value that you provide. You can give anyone a hammer but that does not mean that they can build a house. Same applies to good web development and design.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425772" data-commentid="425772" data-postid="97741" data-belowelement="comment-425772" data-respondelement="respond" data-replyto="Reply to Trent" aria-label="Reply to Trent">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even thread-even depth-1" id="li-comment-425436"> <article id="comment-425436" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/26b12bd80b4593e809d6c69b5dc88cad?s=50&r=g' srcset='https://secure.gravatar.com/avatar/26b12bd80b4593e809d6c69b5dc88cad?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Drake</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yes! Back to the features and this seems a really good one! I run to try it immediately</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425436" data-commentid="425436" data-postid="97741" data-belowelement="comment-425436" data-respondelement="respond" data-replyto="Reply to Drake" aria-label="Reply to Drake">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425435"> <article id="comment-425435" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/78b446e7cf5c0beca48932517e2f107b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/78b446e7cf5c0beca48932517e2f107b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Robert Lee McMillen</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow! This is an awesome feature.</p> <p>Thank you. Thank you. Thank you.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425435" data-commentid="425435" data-postid="97741" data-belowelement="comment-425435" data-respondelement="respond" data-replyto="Reply to Robert Lee McMillen" aria-label="Reply to Robert Lee McMillen">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425434"> <article id="comment-425434" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b1c6f19b0908cdc38ee50026197cf60c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b1c6f19b0908cdc38ee50026197cf60c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Shane</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is what I have been waiting for. This is so great it is going to make designs come alive and much easier to get these effects.</p> <p>Best release yet.</p> <p>Keep going Divi cannot wait to see what is installed next.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425434" data-commentid="425434" data-postid="97741" data-belowelement="comment-425434" data-respondelement="respond" data-replyto="Reply to Shane" aria-label="Reply to Shane">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425433"> <article id="comment-425433" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/8d1f7096c081e3abc69c6e1526c5ff4c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/8d1f7096c081e3abc69c6e1526c5ff4c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">LeAnne</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Ok how do I get it?? I just updated to the new version of Divi, but I am not seeing it in the elements on the page! I NEEEEED THIS!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425433" data-commentid="425433" data-postid="97741" data-belowelement="comment-425433" data-respondelement="respond" data-replyto="Reply to LeAnne" aria-label="Reply to LeAnne">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425559"> <article id="comment-425559" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/db8008f73e68ae61c8e0dfe19924b50f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/db8008f73e68ae61c8e0dfe19924b50f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Roger</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>it’s on the design tab of each module, between filters and animations, there’s a new a section called transform.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425559" data-commentid="425559" data-postid="97741" data-belowelement="comment-425559" data-respondelement="respond" data-replyto="Reply to Roger" aria-label="Reply to Roger">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-426512"> <article id="comment-426512" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/28fb46cdfe8dda7c2625e9ce2339f0aa?s=50&r=g' srcset='https://secure.gravatar.com/avatar/28fb46cdfe8dda7c2625e9ce2339f0aa?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Max</span> <span class="comment_date"> March 19, 2019 </span> </div> <div class="comment-content clearfix"> <p>Same for me! Even with the update, it does not appear.</p> <p>There is nothing between filters and animations</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-426512" data-commentid="426512" data-postid="97741" data-belowelement="comment-426512" data-respondelement="respond" data-replyto="Reply to Max" aria-label="Reply to Max">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment even depth-2" id="li-comment-425528"> <article id="comment-425528" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ba9b7a11b97028b1dc46b64d0bc47e6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ba9b7a11b97028b1dc46b64d0bc47e6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Sanford</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I can’t find it either!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425528" data-commentid="425528" data-postid="97741" data-belowelement="comment-425528" data-respondelement="respond" data-replyto="Reply to Sanford" aria-label="Reply to Sanford">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425432"> <article id="comment-425432" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/faf199333f1f89a8afebb17b3ad2bc46?s=50&r=g' srcset='https://secure.gravatar.com/avatar/faf199333f1f89a8afebb17b3ad2bc46?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Remik</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Very impressive, guys! Thank you very much.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425432" data-commentid="425432" data-postid="97741" data-belowelement="comment-425432" data-respondelement="respond" data-replyto="Reply to Remik" aria-label="Reply to Remik">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425431"> <article id="comment-425431" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e7c97ea3fb6bc67b110c14df537d312d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e7c97ea3fb6bc67b110c14df537d312d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Marc Greenwald</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Fantastic! I really look forward to experimenting with this. Divi just keeps getting better all the time.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425431" data-commentid="425431" data-postid="97741" data-belowelement="comment-425431" data-respondelement="respond" data-replyto="Reply to Marc Greenwald" aria-label="Reply to Marc Greenwald">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425430"> <article id="comment-425430" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/67377fb996e50fdb5d529a4ac4427685?s=50&r=g' srcset='https://secure.gravatar.com/avatar/67377fb996e50fdb5d529a4ac4427685?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jeff Litcofsky</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is so cool! I was just using css code today that this will replace. Big time saver!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425430" data-commentid="425430" data-postid="97741" data-belowelement="comment-425430" data-respondelement="respond" data-replyto="Reply to Jeff Litcofsky" aria-label="Reply to Jeff Litcofsky">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425429"> <article id="comment-425429" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/bd23e449b6e210cc1d8b8c087dee8b7a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/bd23e449b6e210cc1d8b8c087dee8b7a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Anthony</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow, Nick! This is simply incredible. I look forward to exploring these new transformation features! Your team has done a wonderful job as usual!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425429" data-commentid="425429" data-postid="97741" data-belowelement="comment-425429" data-respondelement="respond" data-replyto="Reply to Anthony" aria-label="Reply to Anthony">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425428"> <article id="comment-425428" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3f054eb141789a86675439148966ad09?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3f054eb141789a86675439148966ad09?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Matias Castro</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Awesome!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425428" data-commentid="425428" data-postid="97741" data-belowelement="comment-425428" data-respondelement="respond" data-replyto="Reply to Matias Castro" aria-label="Reply to Matias Castro">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425427"> <article id="comment-425427" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16ddb0cc0cd1ff531e1ba90375369b37?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16ddb0cc0cd1ff531e1ba90375369b37?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Armando</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Woooooooowowowowowowowowowowow<br /> Amazing Update, i’m so exited to try it, i love divi.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425427" data-commentid="425427" data-postid="97741" data-belowelement="comment-425427" data-respondelement="respond" data-replyto="Reply to Armando" aria-label="Reply to Armando">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425426"> <article id="comment-425426" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/053d92c9ad53f81bfd7df84c9f3b867c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/053d92c9ad53f81bfd7df84c9f3b867c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Shane</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Which browsers support this? If all modern browsers, than this is game changing!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425426" data-commentid="425426" data-postid="97741" data-belowelement="comment-425426" data-respondelement="respond" data-replyto="Reply to Shane" aria-label="Reply to Shane">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425515"> <article id="comment-425515" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/589d705194d9f920883c422b561586d2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/589d705194d9f920883c422b561586d2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Peter R</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>It appears these 2D transforms work as far back as IE 10(9 with prefix) and in all modern browsers. So yeah, you’re good to go.</p> <p><a href="https://caniuse.com/#search=transforms" rel="nofollow ugc">https://caniuse.com/#search=transforms</a></p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425515" data-commentid="425515" data-postid="97741" data-belowelement="comment-425515" data-respondelement="respond" data-replyto="Reply to Peter R" aria-label="Reply to Peter R">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425425"> <article id="comment-425425" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/23001b9b4f306681892a7ef09016c6ea?s=50&r=g' srcset='https://secure.gravatar.com/avatar/23001b9b4f306681892a7ef09016c6ea?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Jaime Eduardo Gomez</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow !! It’s awesome !! This is a great update !!! DIVI is most powerful in design tools!!</p> <p>Thanks !! </p> <p>PD. We missed the weekly updates a lot: D</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425425" data-commentid="425425" data-postid="97741" data-belowelement="comment-425425" data-respondelement="respond" data-replyto="Reply to Jaime Eduardo Gomez" aria-label="Reply to Jaime Eduardo Gomez">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425424"> <article id="comment-425424" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d52d0164d177bb0d7aeae6592644d52a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d52d0164d177bb0d7aeae6592644d52a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Nolan</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Amazing feature which is going to make our pages look awesome</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425424" data-commentid="425424" data-postid="97741" data-belowelement="comment-425424" data-respondelement="respond" data-replyto="Reply to Nolan" aria-label="Reply to Nolan">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425423"> <article id="comment-425423" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/52aa513c9e06b4b50cb9a93394faecd5?s=50&r=g' srcset='https://secure.gravatar.com/avatar/52aa513c9e06b4b50cb9a93394faecd5?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ted DAvis</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Exciting new features. What are the implications for image size and load time? Given how large some elements can be, might there be a need to re-optimize the image after you have set the parameters?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425423" data-commentid="425423" data-postid="97741" data-belowelement="comment-425423" data-respondelement="respond" data-replyto="Reply to Ted DAvis" aria-label="Reply to Ted DAvis">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425532"> <article id="comment-425532" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/cad37053e5ed5d8ebb0628cd099e53cf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/cad37053e5ed5d8ebb0628cd099e53cf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Patrick Finney</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is almost certainly done using CSS transformations, which have no impact on the load time for a given image asset.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425532" data-commentid="425532" data-postid="97741" data-belowelement="comment-425532" data-respondelement="respond" data-replyto="Reply to Patrick Finney" aria-label="Reply to Patrick Finney">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425422"> <article id="comment-425422" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9613efd92ea6403a602b2aeeffb33d78?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9613efd92ea6403a602b2aeeffb33d78?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Chuck Bartok</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This looks exciting. Thank you</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425422" data-commentid="425422" data-postid="97741" data-belowelement="comment-425422" data-respondelement="respond" data-replyto="Reply to Chuck Bartok" aria-label="Reply to Chuck Bartok">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425506"> <article id="comment-425506" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3f1f33f28e1be11b8087eb5fbcb4acbd?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3f1f33f28e1be11b8087eb5fbcb4acbd?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Mark</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Great work</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425506" data-commentid="425506" data-postid="97741" data-belowelement="comment-425506" data-respondelement="respond" data-replyto="Reply to Mark" aria-label="Reply to Mark">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425421"> <article id="comment-425421" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3c769e7a43c6738bc298dca7c36f072f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3c769e7a43c6738bc298dca7c36f072f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">ELisha Vee</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Happy Birthday, Elegant Themes!<br /> And THANK YOU – Nick and Company – for creating such amazing products and features!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425421" data-commentid="425421" data-postid="97741" data-belowelement="comment-425421" data-respondelement="respond" data-replyto="Reply to ELisha Vee" aria-label="Reply to ELisha Vee">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425420"> <article id="comment-425420" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/52aaae12a9b77b17bcaf323a92ef2800?s=50&r=g' srcset='https://secure.gravatar.com/avatar/52aaae12a9b77b17bcaf323a92ef2800?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Tamara Hey</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wowsa! I can’t wait to try this.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425420" data-commentid="425420" data-postid="97741" data-belowelement="comment-425420" data-respondelement="respond" data-replyto="Reply to Tamara Hey" aria-label="Reply to Tamara Hey">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425419"> <article id="comment-425419" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b5e97f997dbeddcc4d4b732629a1cca8?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b5e97f997dbeddcc4d4b732629a1cca8?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Alex</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>GOD! DIVI! I LOVE YOU SO MUCH!!! THANKS!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425419" data-commentid="425419" data-postid="97741" data-belowelement="comment-425419" data-respondelement="respond" data-replyto="Reply to Alex" aria-label="Reply to Alex">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425418"> <article id="comment-425418" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/93306f6441142a422244777673c9badd?s=50&r=g' srcset='https://secure.gravatar.com/avatar/93306f6441142a422244777673c9badd?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Gerard</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Nick, This is an amazing new feature. Thanks ET Team.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425418" data-commentid="425418" data-postid="97741" data-belowelement="comment-425418" data-respondelement="respond" data-replyto="Reply to Gerard" aria-label="Reply to Gerard">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425416"> <article id="comment-425416" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f0d82ece4e4921f492b6eebc16792942?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f0d82ece4e4921f492b6eebc16792942?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Nelson Miller</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Good job! Looks better than I expected! I probably won’t use these very often, but they will be great tools to have available.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425416" data-commentid="425416" data-postid="97741" data-belowelement="comment-425416" data-respondelement="respond" data-replyto="Reply to Nelson Miller" aria-label="Reply to Nelson Miller">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425415"> <article id="comment-425415" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ef8471ba3105a3ba44eb91af5d086ebe?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ef8471ba3105a3ba44eb91af5d086ebe?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Fernando Saling</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425415" data-commentid="425415" data-postid="97741" data-belowelement="comment-425415" data-respondelement="respond" data-replyto="Reply to Fernando Saling" aria-label="Reply to Fernando Saling">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425414"> <article id="comment-425414" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/70abf908e6af0b667c37df9cea071f5c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/70abf908e6af0b667c37df9cea071f5c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Bill</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Yep, this is neat.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425414" data-commentid="425414" data-postid="97741" data-belowelement="comment-425414" data-respondelement="respond" data-replyto="Reply to Bill" aria-label="Reply to Bill">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425412"> <article id="comment-425412" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/32bb241ae6580f79ac75c83d85c69a7f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/32bb241ae6580f79ac75c83d85c69a7f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Ryan</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>This is A M A Z I N G. I love the constant improvements of the front end builder. When it was first released I was hesitant to use it because I was so used to the backend editor but now it’s all I ever use.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425412" data-commentid="425412" data-postid="97741" data-belowelement="comment-425412" data-respondelement="respond" data-replyto="Reply to Ryan" aria-label="Reply to Ryan">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-425411"> <article id="comment-425411" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1e5f08a90e1d64256ec81ae77957655c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/1e5f08a90e1d64256ec81ae77957655c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Vegard Wikeby</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Pretty cool stuff. Absolutely something valuable that clients will love.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425411" data-commentid="425411" data-postid="97741" data-belowelement="comment-425411" data-respondelement="respond" data-replyto="Reply to Vegard Wikeby" aria-label="Reply to Vegard Wikeby">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even thread-even depth-1" id="li-comment-425410"> <article id="comment-425410" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/07568ac928ecb8f42fcae7ab646c3fb0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/07568ac928ecb8f42fcae7ab646c3fb0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Julio Cibrian</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>FIRST COMMENT! OMG Yes!! I’m so happy this finally came out!!! Now we just need the Theme Builder! GREAT WORK ET Team!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425410" data-commentid="425410" data-postid="97741" data-belowelement="comment-425410" data-respondelement="respond" data-replyto="Reply to Julio Cibrian" aria-label="Reply to Julio Cibrian">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425450"> <article id="comment-425450" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7e3cae4274b31c8dd9c3fdce8c9a09e6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7e3cae4274b31c8dd9c3fdce8c9a09e6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Mohammad Sobhy</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>I looooove it.. Waiting for the theme builder as I guess soonly right.. Greaaaat work</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425450" data-commentid="425450" data-postid="97741" data-belowelement="comment-425450" data-respondelement="respond" data-replyto="Reply to Mohammad Sobhy" aria-label="Reply to Mohammad Sobhy">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even depth-2" id="li-comment-425413"> <article id="comment-425413" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9ad9ff7443cdd72fc7ca596c50f40510?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9ad9ff7443cdd72fc7ca596c50f40510?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Arby</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Beat you to it. 😉</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425413" data-commentid="425413" data-postid="97741" data-belowelement="comment-425413" data-respondelement="respond" data-replyto="Reply to Arby" aria-label="Reply to Arby">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-425649"> <article id="comment-425649" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6be65778c21eca2a3dd8e23608ab59be?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6be65778c21eca2a3dd8e23608ab59be?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Eli</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>So awesome!!! A small tutorial will be apreciate, love this new feature. Thank you!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425649" data-commentid="425649" data-postid="97741" data-belowelement="comment-425649" data-respondelement="respond" data-replyto="Reply to Eli" aria-label="Reply to Eli">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even depth-3" id="li-comment-425487"> <article id="comment-425487" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4589dfe499f621b57c8ff53622796eba?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4589dfe499f621b57c8ff53622796eba?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">David Schertz</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Here’s your cookie ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425487" data-commentid="425487" data-postid="97741" data-belowelement="comment-425487" data-respondelement="respond" data-replyto="Reply to David Schertz" aria-label="Reply to David Schertz">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt depth-3" id="li-comment-425478"> <article id="comment-425478" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/715f6d6bf367a524c6ff07ee659fd391?s=50&r=g' srcset='https://secure.gravatar.com/avatar/715f6d6bf367a524c6ff07ee659fd391?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Tim McMichael</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>LOL</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425478" data-commentid="425478" data-postid="97741" data-belowelement="comment-425478" data-respondelement="respond" data-replyto="Reply to Tim McMichael" aria-label="Reply to Tim McMichael">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-425409"> <article id="comment-425409" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/57381dcaf648bd4c300bab931e5fadcc?s=50&r=g' srcset='https://secure.gravatar.com/avatar/57381dcaf648bd4c300bab931e5fadcc?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">JQBK</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>OMFG!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425409" data-commentid="425409" data-postid="97741" data-belowelement="comment-425409" data-respondelement="respond" data-replyto="Reply to JQBK" aria-label="Reply to JQBK">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-425785"> <article id="comment-425785" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ca596842048682603525c2e092157559?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ca596842048682603525c2e092157559?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">John Weaver</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>Couldn’t say it better myself…great work Divi team!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425785" data-commentid="425785" data-postid="97741" data-belowelement="comment-425785" data-respondelement="respond" data-replyto="Reply to John Weaver" aria-label="Reply to John Weaver">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-425801"> <article id="comment-425801" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/98e54a51943cd04c35a71e47f9cd688d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/98e54a51943cd04c35a71e47f9cd688d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Raymond Hayes</span> <span class="comment_date"> March 15, 2019 </span> </div> <div class="comment-content clearfix"> <p>I usually do not comment…and …I mean…how can you comment on such a thing of beauty?</p> <p>Oh yea… OMFG</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425801" data-commentid="425801" data-postid="97741" data-belowelement="comment-425801" data-respondelement="respond" data-replyto="Reply to Raymond Hayes" aria-label="Reply to Raymond Hayes">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> <li class="comment odd alt depth-2" id="li-comment-425474"> <article id="comment-425474" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c0170fae07c4076dad365a3c19bed608?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c0170fae07c4076dad365a3c19bed608?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Winser</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Holy cow! No way! this is AWESOME!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425474" data-commentid="425474" data-postid="97741" data-belowelement="comment-425474" data-respondelement="respond" data-replyto="Reply to Winser" aria-label="Reply to Winser">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even depth-2" id="li-comment-425469"> <article id="comment-425469" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/193e06ea039cd2653d5e8a3305298df7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/193e06ea039cd2653d5e8a3305298df7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Sandy Rowley</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>RIGHT??? !!!! LOL</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425469" data-commentid="425469" data-postid="97741" data-belowelement="comment-425469" data-respondelement="respond" data-replyto="Reply to Sandy Rowley" aria-label="Reply to Sandy Rowley">Reply</a></div> </div>  </article>  </li> </li> <li class="comment odd alt depth-2" id="li-comment-425467"> <article id="comment-425467" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/193e06ea039cd2653d5e8a3305298df7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/193e06ea039cd2653d5e8a3305298df7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Sandy Rowley</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Right?!!!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425467" data-commentid="425467" data-postid="97741" data-belowelement="comment-425467" data-respondelement="respond" data-replyto="Reply to Sandy Rowley" aria-label="Reply to Sandy Rowley">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-435335"> <article id="comment-435335" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/dfad7628f3f030865547bfbc8aa98061?s=50&r=g' srcset='https://secure.gravatar.com/avatar/dfad7628f3f030865547bfbc8aa98061?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Thomas Curtin</span> <span class="comment_date"> April 23, 2019 </span> </div> <div class="comment-content clearfix"> <p>Super cool! Looking forward to using this on our sites!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-435335" data-commentid="435335" data-postid="97741" data-belowelement="comment-435335" data-respondelement="respond" data-replyto="Reply to Thomas Curtin" aria-label="Reply to Thomas Curtin">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-425408"> <article id="comment-425408" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9ad9ff7443cdd72fc7ca596c50f40510?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9ad9ff7443cdd72fc7ca596c50f40510?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Arby</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>YES!! Finally position control! Something other visual builders have had for a long time! THANK YOU ET!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425408" data-commentid="425408" data-postid="97741" data-belowelement="comment-425408" data-respondelement="respond" data-replyto="Reply to Arby" aria-label="Reply to Arby">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-425594"> <article id="comment-425594" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3f7a302f1f673a38645ea6f663650672?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3f7a302f1f673a38645ea6f663650672?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Karl James</span> <span class="comment_date"> March 14, 2019 </span> </div> <div class="comment-content clearfix"> <p>Wow,<br /> Can we get a better menu making system?<br /> To create mega menus easier with the fly downs sub menus like so –<br /> <a href="http://prntscr.com/my2z18" rel="nofollow ugc">http://prntscr.com/my2z18</a></p> <p>I know you can buy plugins and a mega menu can be made in menu but it takes a lot of fancy css to make it work well and what not. I am trying to use mhmm and the design process is not easy. to do even though I love the capabilities. Yes I need to learn more I know that. But would be nicer and save time if a nicer tool like this awesome transforming tool was put in? </p> <p>Any plans on menu enhancements?<br /> Overall I love the DIVI product Nick!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425594" data-commentid="425594" data-postid="97741" data-belowelement="comment-425594" data-respondelement="respond" data-replyto="Reply to Karl James" aria-label="Reply to Karl James">Reply</a></div> </div>  </article>  </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-425907"> <article id="comment-425907" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/316c3ba6637bcfcf5d24c8a75c65d251?s=50&r=g' srcset='https://secure.gravatar.com/avatar/316c3ba6637bcfcf5d24c8a75c65d251?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Zach</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>No gonna lie. I would so love to have the ability to design a mega menu within Divi itself without having to utilise 3rd party plugins etc.</p> <p>I can just imagine how amazing Nick and the team would make it!!!!! From both the experience and functionality. </p> <p>*drooling*.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425907" data-commentid="425907" data-postid="97741" data-belowelement="comment-425907" data-respondelement="respond" data-replyto="Reply to Zach" aria-label="Reply to Zach">Reply</a></div> </div>  </article>  </li> </li> <li class="comment even depth-3" id="li-comment-425902"> <article id="comment-425902" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/50fe9071347e2e466a77dcff96897107?s=50&r=g' srcset='https://secure.gravatar.com/avatar/50fe9071347e2e466a77dcff96897107?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div>  <div class="comment-meta commentmetadata"> <span class="fn">Riaz</span> <span class="comment_date"> March 16, 2019 </span> </div> <div class="comment-content clearfix"> <p>Karl try Divi Mega Pro from DiviLife. You might find it a lot easier. While we all wait for ET.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-425902" data-commentid="425902" data-postid="97741" data-belowelement="comment-425902" data-respondelement="respond" data-replyto="Reply to Riaz" aria-label="Reply to Riaz">Reply</a></div> </div>  </article>  </li> </li> </ul> </li> </ul> </li> </ol> </div> </div> </div> </div> </div> <div class="row-container accent-blue"> <div class="row"> <div class="column-container"> <div class="column card"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title"><span>Leave A Reply</span> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/blog/theme-releases/the-all-new-and-amazing-divi-transformation-controls#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://www.elegantthemes.com/blog/wp-comments-post.php" method="post" id="commentform" class="comment-form">Comments are reviewed and must adhere to our <a href="https://www.elegantthemes.com/policy/comments/" target="_blank">comments policy</a>.<div class="et_manage_input"> <textarea autocomplete="new-password" required id="b4f5c83e1d" name="b4f5c83e1d" placeholder="Enter your comment here" cols="45" rows="8" aria-required="true"></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "afcc52170ff433fb52750b2f6b9a0439" );document.getElementById("b4f5c83e1d").setAttribute( "id", "comment" );</script> <label>Comment</label> </div><div class="et_manage_input"> <input required minlength="3" maxlength="30" placeholder="Name" id="author" name="author" type="text" value="" size="30" aria-required='true' /> <label>Name</label> </div> <div class="et_manage_input"> <input required placeholder="Email Address" id="email" name="email" type="email" value="" size="30" aria-required='true' /> <label>Email Address</label> </div> <p class="form-submit"><input name="submit" type="submit" id="submit" class="button primary-button inline-button" value="Submit Comment" /> <input type='hidden' name='comment_post_ID' value='97741' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e0185367ff" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="205"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> </div> </div> </div> </div> <div class="row-container wide-width blog-index"> <div class="row three-column small-gutters"> <div class="column-container"> <div class="column card accent-blue"> <h4>Recent Posts</h4> <ul> <li> <a href="https://www.elegantthemes.com/blog/general-news/%f0%9f%8e%8a%f0%9f%8e%89-the-divi-black-friday-sale-starts-now-claim-your-free-prizes">🎊🎉 The Divi Black Friday Sale Starts Now! (Claim Your Free Prizes)</a> </li> <li> <a href="https://www.elegantthemes.com/blog/divi-resources/divi-5-update-public-alpha-version-4">Divi 5 Update: Public Alpha Version 4</a> </li> <li> <a href="https://www.elegantthemes.com/blog/general-news/black-friday-starts-tomorrow-last-chance">❗❗Black Friday Starts Tomorrow! Last Chance To Win A Free iMac</a> </li> <li> <a href="https://www.elegantthemes.com/blog/divi-resources/divi-freelance-starter-site">New Starter Site for Freelancers (Quick Install)</a> </li> <li> <a href="https://www.elegantthemes.com/blog/wordpress/how-to-customize-woocommerce-product-pages">How to Customize WooCommerce Product Pages (Boost Sales in 2025)</a> </li> </ul> </div> </div><div class="column-container"> <div class="column card accent-blue"><h4>Categories</h4> <ul> <li class="cat-item cat-item-20944"><a href="https://www.elegantthemes.com/blog/category/business">Business</a> </li> <li class="cat-item cat-item-526"><a href="https://www.elegantthemes.com/blog/category/community">Community</a> </li> <li class="cat-item cat-item-26099"><a href="https://www.elegantthemes.com/blog/category/design">Design</a> </li> <li class="cat-item cat-item-848"><a href="https://www.elegantthemes.com/blog/category/divi-resources">Divi Resources</a> </li> <li class="cat-item cat-item-13"><a href="https://www.elegantthemes.com/blog/category/editorial">Editorial</a> </li> <li class="cat-item cat-item-20822"><a href="https://www.elegantthemes.com/blog/category/marketing">Marketing</a> </li> <li class="cat-item cat-item-8"><a href="https://www.elegantthemes.com/blog/category/resources">Resources</a> </li> <li class="cat-item cat-item-9"><a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a> </li> <li class="cat-item cat-item-14"><a href="https://www.elegantthemes.com/blog/category/tips-tricks">Tips & Tricks</a> </li> <li class="cat-item cat-item-20874"><a href="https://www.elegantthemes.com/blog/category/wordpress">WordPress</a> </li> </ul> </div> </div><div class="column-container"> <div class="column card accent-blue"><h4>Follow Us</h4> <div class="textwidget"><div class="et_social_networks et_social_3col et_social_slide et_social_rounded et_social_top et_social_mobile_on et_social_withnetworknames et_social_outer_light"> <ul class="et_social_icons_container"><li class="et_social_facebook"> <a href="https://www.facebook.com/elegantthemes" class="et_social_follow" data-social_name="facebook" data-social_type="follow" data-post_id="97741" target="_blank"> <i class="et_social_icon et_social_icon_facebook"></i> <div class="et_social_network_label"><div class="et_social_networkname">Facebook</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_twitter"> <a href="https://twitter.com/elegantthemes/" class="et_social_follow" data-social_name="twitter" data-social_type="follow" data-post_id="97741" target="_blank"> <i class="et_social_icon et_social_icon_twitter"></i> <div class="et_social_network_label"><div class="et_social_networkname">Twitter</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_linkedin"> <a href="https://www.linkedin.com/company/elegantthemes" class="et_social_follow" data-social_name="linkedin" data-social_type="follow" data-post_id="97741" target="_blank"> <i class="et_social_icon et_social_icon_linkedin"></i> <div class="et_social_network_label"><div class="et_social_networkname">LinkedIn</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_dribbble"> <a href="https://dribbble.com/elegantthemes" class="et_social_follow" data-social_name="dribbble" data-social_type="follow" data-post_id="97741" target="_blank"> <i class="et_social_icon et_social_icon_dribbble"></i> <div class="et_social_network_label"><div class="et_social_networkname">Dribbble</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_rss"> <a href="https://www.elegantthemes.com/newsletter/" class="et_social_follow" data-social_name="rss" data-social_type="follow" data-post_id="97741" target="_blank"> <i class="et_social_icon et_social_icon_rss"></i> <div class="et_social_network_label"><div class="et_social_networkname">RSS</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_youtube"> <a href="https://www.youtube.com/c/elegantthemes?sub_confirmation=1" class="et_social_follow" data-social_name="youtube" data-social_type="follow" data-post_id="97741" target="_blank"> <i class="et_social_icon et_social_icon_youtube"></i> <div class="et_social_network_label"><div class="et_social_networkname">YouTube</div></div> <span class="et_social_overlay"></span> </a> </li></ul> </div></div> </div> </div> </div> </div> </section> <section id="bottom-call-to-action" class="et-highlightable"> <div class="row-container accent-green card card-featured background-black-friday"> <svg viewBox="0 0 300 322"> <title>Colorful Shapes</title> <defs> <linearGradient id="gradient" gradientTransform="rotate(45)"> <stop offset="5%" stop-color="rgba(233,244,255,1)"/> <stop offset="95%" stop-color="rgba(233,244,255,0)"/> </linearGradient> </defs> <path fill="url(#gradient)" d="M300,211.09V110.76c0-21.47-11.55-41.27-30.23-51.85L179.35,7.73c-18.21-10.31-40.48-10.31-58.69,0L30.23,58.91 C11.55,69.48,0,89.29,0,110.76v100.33c0,21.47,11.55,41.27,30.23,51.85l90.42,51.18c18.21,10.31,40.48,10.31,58.69,0l90.42-51.18 C288.45,252.36,300,232.55,300,211.09z"/> </svg> <div class="row"> <div class="column-container"> <div class="column centered"> <h2>Wait! 👋 <strong>Black Friday</strong> Has Arrived!<br>$800,000+ in Free Prizes, Exclusive Perks, Bonus Gifts and Our Biggest Discounts of All Time!</h2> <div class="card centered sale-countdown-wrapper"> <div class="countdown-timer"></div> </div> <a href="https://www.elegantthemes.com/black-friday-2024/?sale=live" class="button primary-button">Access The Black Friday Super Sale</a> </div> </div> </div> </div> </section> <span class="et-highlighted-overlay"></span> <section id="main-footer"> <div class="row-container"> <div id="social-accounts" class="row small-gutters three-column-tablet two-column-phone"> <div class="column-container"> <a id="facebook" rel="noreferrer" href="https://www.facebook.com/elegantthemes/" class="column card card-small elevation-1 centered accent-blue" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Facebook</title> <path d="M17.35,14H15l0,9l-3,0v-9l-2,0v-3h2V9.07C12,5,15.69,5,15.69,5L18,5l0,3l-1.93,0C15.45,8,15,8.42,15,9.2l0,1.8 l2.67,0L17.35,14z"/> </svg> <span>156k</span> Followers </a> </div> <div class="column-container"> <a id="facebook-group" rel="noreferrer" href="https://www.facebook.com/groups/DiviThemeUsers/" class="column card card-small elevation-1 centered accent-light-blue" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Facebook Group</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"/> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"/> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"/> </svg> <span>75k</span> Members </a> </div> <div class="column-container"> <a id="twitter" rel="noreferrer" href="https://twitter.com/elegantthemes/" class="column card card-small elevation-1 centered accent-teal" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Twitter</title> <path d="M22.34,9.04c-0.61,0.26-1.27,0.44-1.96,0.52c0.71-0.41,1.25-1.05,1.5-1.82c-0.66,0.38-1.39,0.65-2.17,0.8 c-0.62-0.64-1.51-1.04-2.5-1.04c-1.89,0-3.42,1.47-3.42,3.28c0,0.26,0.03,0.51,0.09,0.75c-2.84-0.14-5.36-1.45-7.05-3.43 C6.53,8.58,6.37,9.15,6.37,9.75c0,1.14,0.6,2.14,1.52,2.73c-0.56-0.02-1.09-0.17-1.55-0.41c0,0.01,0,0.03,0,0.04 c0,1.59,1.18,2.92,2.74,3.22c-0.29,0.07-0.59,0.11-0.9,0.11c-0.22,0-0.43-0.02-0.64-0.06c0.44,1.3,1.7,2.25,3.19,2.28 c-1.17,0.88-2.65,1.4-4.25,1.4c-0.28,0-0.55-0.02-0.82-0.05c1.51,0.93,3.31,1.48,5.24,1.48c6.29,0,9.73-5,9.73-9.34 c0-0.14,0-0.28-0.01-0.43C21.3,10.28,21.88,9.7,22.34,9.04z"/> </svg> <span>64k</span> Followers </a> </div> <div class="column-container"> <a id="email" href="https://www.elegantthemes.com/newsletter/" class="column card card-small elevation-1 centered accent-gray"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Newsletter</title> <path d="M14,15.51l8-3.2L22,19c0,0.55-0.45,1-1,1L7,20c-0.55,0-1-0.45-1-1l0-6.69L14,15.51z M22,10.68l-8,3.2l-8-3.2 L6,9c0-0.55,0.45-1,1-1l14,0c0.55,0,1,0.45,1,1L22,10.68z"/> </svg> <span>325k</span> Subscribers </a> </div> <div class="column-container"> <a id="youtube" rel="noreferrer" href="https://www.youtube.com/c/elegantthemes?sub_confirmation=1" class="column card card-small elevation-1 centered accent-red" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Youtube</title> <path d="M12,11l6,2.96L12,17L12,11z M21.29,7.26C16.74,6.96,11,7,6.71,7.26c-1.45,0.09-2.43,1.88-2.53,3.2 c-0.23,2.75-0.23,4.32,0,7.07c0.11,1.31,1.07,3.05,2.53,3.23c4.69,0.3,10.3,0.24,14.59,0c1.44-0.08,2.43-1.92,2.54-3.23 c0.23-2.75,0.23-4.49,0-7.25C23.72,8.97,22.93,7.32,21.29,7.26z"/> </svg> <span>188k</span> Subscribers </a> </div> <div class="column-container"> <a id="dribbble" rel="noreferrer" href="https://dribbble.com/elegantthemes" class="column card card-small elevation-1 centered accent-pink" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Dribbble</title> <path d="M19.29,9.69c-0.14,0.19-1.29,1.66-3.82,2.69c0.16,0.33,0.31,0.66,0.45,0.99c0.05,0.12,0.1,0.24,0.15,0.35 c2.27-0.29,4.53,0.17,4.76,0.22C20.82,12.33,20.24,10.85,19.29,9.69z M12.4,7.37c0.19,0.25,1.43,1.94,2.55,4 c2.43-0.91,3.46-2.29,3.58-2.47C17.32,7.83,15.74,7.18,14,7.18C13.45,7.18,12.91,7.24,12.4,7.37z M7.31,12.61 c0.31,0,3.12,0.02,6.32-0.83c-1.13-2.01-2.35-3.71-2.53-3.95C9.18,8.73,7.75,10.49,7.31,12.61z M8.92,18.58 c0.16-0.26,2.03-3.37,5.55-4.51c0.09-0.03,0.18-0.06,0.27-0.08c-0.17-0.39-0.36-0.78-0.55-1.16c-3.41,1.02-6.72,0.98-7.02,0.97 c0,0.07,0,0.14,0,0.21C7.17,15.76,7.83,17.37,8.92,18.58z M16.67,20.3c-0.1-0.6-0.5-2.69-1.46-5.18c-0.02,0-0.03,0.01-0.05,0.01 c-3.85,1.34-5.24,4.01-5.36,4.27c1.16,0.9,2.61,1.44,4.19,1.44C14.95,20.84,15.85,20.65,16.67,20.3z M20.75,15.1 c-0.23-0.07-2.11-0.64-4.26-0.29c0.89,2.46,1.26,4.46,1.33,4.87C19.35,18.64,20.44,17,20.75,15.1z M14,22c-4.41,0-8-3.59-8-8 c0-4.41,3.59-8,8-8c4.41,0,8,3.59,8,8C22,18.41,18.41,22,14,22z"> </svg> <span>6k</span> Followers </a> </div> </div> <div id="footer-menu" class="row three-column-tablet two-column-phone"> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/gallery/divi/"><h3>Divi Features</h3></a> <ul class="link-list"> <li> <a class="with-callout" href="https://www.elegantthemes.com/gallery/divi/"> All Features <span class="button-callout show-callout elevation-1 accent-purple">Explore Divi</span> </a> </li> <li> <a href="https://www.elegantthemes.com/modules/">Divi Modules</a> </li> <li> <a href="https://www.elegantthemes.com/layouts/">Divi Layouts</a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/quick-sites/"> Quick Sites <span class="button-callout accent-teal show-callout elevation-1">Brand New!</span> </a> </li> <li> <a href="https://www.elegantthemes.com/no-code-design/">No-Code Builder</a> </li> <li> <a href="https://www.elegantthemes.com/workflow/">Workflow</a> </li> <li> <a href="https://www.elegantthemes.com/ecommerce/">Ecommerce Websites</a> </li> <li> <a href="https://www.elegantthemes.com/theme-builder/">Theme Builder</a> </li> <li> <a href="https://www.elegantthemes.com/marketing/">Marketing Platform</a> </li> <li> <a href="https://www.elegantthemes.com/divi-performance/">Speed & Performance</a> </li> <li> <a href="https://www.elegantthemes.com/developers/">Developers</a> </li> <li> <a href="https://www.elegantthemes.com/support/">Premium Support</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/products/"><h3>Products</h3></a> <ul class="link-list"> <li> <a class="with-callout" href="https://www.elegantthemes.com/gallery/divi/?sale=black-friday-2024"> Divi Theme <span class="button-callout show-callout elevation-1 accent-red">73% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/marketplace/?sale=black-friday-2024"> Divi Marketplace <span class="button-callout show-callout elevation-1 accent-red">60% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/divi-cloud/?sale=black-friday-2024"> Divi Cloud <span class="button-callout show-callout elevation-1 accent-red">44% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/ai/?sale=black-friday-2024"> Divi AI <span class="button-callout show-callout elevation-1 accent-red">68% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/teams/?sale=black-friday-2024"> Divi Teams <span class="button-callout show-callout elevation-1 accent-red">44% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/vip/?sale=black-friday-2024"> Divi VIP <span class="button-callout show-callout elevation-1 accent-red">44% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/hosting/?sale=black-friday-2024"> Divi Hosting <span class="button-callout show-callout elevation-1 accent-red">84% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/dash/?sale=black-friday-2024"> Divi Dash <span class="button-callout show-callout elevation-1 accent-red">73% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/gallery/extra/?sale=black-friday-2024"> Extra Theme <span class="button-callout show-callout elevation-1 accent-red">73% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/plugins/bloom/?sale=black-friday-2024"> Bloom Plugin <span class="button-callout show-callout elevation-1 accent-red">73% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/plugins/monarch/?sale=black-friday-2024"> Monarch Plugin <span class="button-callout show-callout elevation-1 accent-red">73% Off</span> </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/join/?sale=black-friday-2024"> Plans & Pricing <span class="button-callout show-callout elevation-1">Get Divi Today</span> </a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/members-area/help/"><h3>Resources</h3></a> <ul class="link-list"> <li> <a href="https://www.elegantthemes.com/documentation/">Documentation</a> </li> <li> <a target="_blank" href="https://help.elegantthemes.com/en/">Help Articles & FAQ</a> </li> <li> <a href="https://www.elegantthemes.com/members-area/help/">24/7 Support</a> </li> <li> <a href="https://www.elegantthemes.com/documentation/developers/">Developer Docs</a> </li> <li> <a target="_blank" href="https://status.elegantthemes.com">System Status</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/blog/"><h3>Blog</h3></a> <ul class="link-list"> <li> <a href="https://www.elegantthemes.com/blog/">Recent Posts</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/theme-releases/">Product Updates</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/divi-resources/">Divi Resources</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/business/">Business</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/wordpress/">WordPress</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/best-wordpress-plugins/">Best Plugins</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/best-website-tools/">Top Tools</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/best-wordpress-hosting/">Best Hosting</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/divi-reviews/"><h3>Community</h3></a> <ul class="link-list"> <li> <a target="_blank" href="https://www.meetup.com/pro/Divi">Divi Meetups</a> </li> <li> <a target="_blank" href="https://www.facebook.com/groups/DiviThemeUsers/">Divi Facebook Group</a> </li> <li> <a href="https://www.elegantthemes.com/examples/">Divi Examples</a> </li> <li> <a href="https://www.elegantthemes.com/integrations/">Divi Integrations</a> </li> <li> <a href="https://www.elegantthemes.com/divi-reviews/">Divi Reviews</a> </li> <li> <a href="https://www.elegantthemes.com/forum/">Community Forum</a> </li> <li> <a href="https://www.elegantthemes.com/affiliates/">Affiliate Program</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/about/"><h3>Company</h3></a> <ul class="link-list"> <li> <a href="https://www.elegantthemes.com/about/">About Us</a> </li> <li> <a href="https://www.elegantthemes.com/careers/">Careers</a> </li> <li> <a href="https://www.elegantthemes.com/contact/">Contact Us</a> </li> <li> <a href="https://www.elegantthemes.com/policy/service/">Terms of Service</a> </li> <li> <a href="https://www.elegantthemes.com/policy/privacy/">Privacy Policy</a> </li> </ul> </div> </div> </div> <div id="footer-trust-icons" class="row"> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://www.trustedsite.com/verify?js=1&host=elegantthemes.com"><img class="lazy" width="94" height="40" title="TrustedSite Certified" alt="TrustedSite" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/trustedsite.svg"></a> </div> </div> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://safeweb.norton.com/report/show?url=www.elegantthemes.com"><img class="lazy" width="74" height="40" title="Norton Secured" alt="Norton" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/norton.svg"></a> </div> </div> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://www.bbb.org/greater-san-francisco/business-reviews/web-design/elegant-themes-in-san-francisco-ca-376238"><img class="lazy" alt="BBB" title="Better Business Bureau" width="94" height="40" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/bbb.svg"></a> </div> </div> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://www.trustpilot.com/review/www.elegantthemes.com"><img class="lazy" width="94" height="40" title="Trustpilot Reviews" alt="Trust Pilot" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/trustpilot.svg"></a> </div> </div> </div> <div class="row"> <div class="column-container"> <div class="column centered"> <p>Copyright © 2024 Elegant Themes ®</p> </div> </div> </div> </div> </section> <div class="promo-slide-in accent-green sale with-countdown background-black-friday"><div class="promo-slide-in-content"><div class="promo-slide-in-content-inner"><h6>👋 It's The Divi<br>Black Friday Sale!</h6><div class="countdown-timer accent-green"></div><a class="button primary-button inline-button accent-green" rel="nofollow" href="https://www.elegantthemes.com/black-friday-2024/?sale=live">Get The Deal<br>Before It's Gone!</a></div></div></div>  <a href="https://www.elegantthemes.com/join/" class="button primary-button accent-green video-popup-join-button">Join To Download Today</a> <script type="text/javascript" src="https://www.elegantthemes.com/js/cookie.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/cookie-consent.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/jquery.plugin.min.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/jquery.countdown.min.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/intersectional-observer.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/yall.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/relax.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/magnificpopup.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/allpages.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/blog.js?ver=6.71"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/promo-black-friday.js?ver=6.71"></script><script type="text/javascript" data-type="optional" data-src="https://www.elegantthemes.com/js/tracking.js?ver=6.71"></script><script type="text/javascript" type="text/javascript" data-type="lazy" data-src="https://www.elegantthemes.com/js/onesignal.js?ver=6.71"></script><script type="text/javascript" data-type="lazy-optional" data-src="https://www.elegantthemes.com/js/tracking-delayed.js?ver=6.71"></script> <script> window.intercomSettings = { app_id: 'hrpt54hy', custom_launcher_selector: '.launch_intercom', widget: { activator: '#IntercomDefaultWidget' } }; (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/hrpt54hy';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})() </script>  <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied', 'wait_for_update': 500 }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1006729916"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1006729916', {'anonymize_ip': true}); gtag('set', 'ads_data_redaction', true); </script> <script type="text/javascript">var algolia = {"debug":false,"application_id":"AABCWEDZYU","search_api_key":"d167563a9c89a0f0b664fc1525577bf8","powered_by_enabled":false,"query":"","autocomplete":{"sources":[{"index_id":"searchable_posts","index_name":"wp_searchable_posts","label":"All posts","admin_name":"All posts","position":10,"max_suggestions":5,"tmpl_suggestion":"autocomplete-post-suggestion","enabled":true}],"input_selector":"input[name='s']:not(.no-autocomplete):not(#adminbar-search)"},"indices":{"searchable_posts":{"name":"wp_searchable_posts","id":"searchable_posts","enabled":true,"replicas":[]}}};</script> <script type="text/html" id="tmpl-autocomplete-header"> <div class="autocomplete-header"> <div class="autocomplete-header-title">{{{ data.label }}}</div> <div class="clear"></div> </div> </script> <script type="text/html" id="tmpl-autocomplete-post-suggestion"> <a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.post_title }}"> <# if ( data.images.thumbnail ) { #> <img class="suggestion-post-thumbnail" src="{{ data.images.thumbnail.url }}" alt="{{ data.post_title }}"> <# } #> <div class="suggestion-post-attributes"> <span class="suggestion-post-title">{{{ data._highlightResult.post_title.value }}}</span> <# if ( data._snippetResult['content'] ) { #> <span class="suggestion-post-content">{{{ data._snippetResult['content'].value }}}</span> <# } #> </div> </a> </script> <script type="text/html" id="tmpl-autocomplete-term-suggestion"> <a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.name }}"> <svg viewBox="0 0 21 21" width="21" height="21"> <svg width="21" height="21" viewBox="0 0 21 21"> <path d="M4.662 8.72l-1.23 1.23c-.682.682-.68 1.792.004 2.477l5.135 5.135c.7.693 1.8.688 2.48.005l1.23-1.23 5.35-5.346c.31-.31.54-.92.51-1.36l-.32-4.29c-.09-1.09-1.05-2.06-2.15-2.14l-4.3-.33c-.43-.03-1.05.2-1.36.51l-.79.8-2.27 2.28-2.28 2.27zm9.826-.98c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25-1.25.56-1.25 1.25.56 1.25 1.25 1.25z" fill-rule="evenodd"></path> </svg> </svg> <span class="suggestion-post-title">{{{ data._highlightResult.name.value }}}</span> </a> </script> <script type="text/html" id="tmpl-autocomplete-user-suggestion"> <a class="suggestion-link user-suggestion-link" href="{{ data.posts_url }}" title="{{ data.display_name }}"> <# if ( data.avatar_url ) { #> <img class="suggestion-user-thumbnail" src="{{ data.avatar_url }}" alt="{{ data.display_name }}"> <# } #> <span class="suggestion-post-title">{{{ data._highlightResult.display_name.value }}}</span> </a> </script> <script type="text/html" id="tmpl-autocomplete-footer"> <div class="autocomplete-footer"> <div class="autocomplete-footer-branding"> <a href="#" class="algolia-powered-by-link" title="Algolia"> <svg width="130" viewBox="0 0 130 18" xmlns="http://www.w3.org/2000/svg"> <title>Search by Algolia</title> <defs> <linearGradient x1="-36.868%" y1="134.936%" x2="129.432%" y2="-27.7%" id="a"> <stop stop-color="#00AEFF" offset="0%"/> <stop stop-color="#3369E7" offset="100%"/> </linearGradient> </defs> <g fill="none" fill-rule="evenodd"> <path d="M59.399.022h13.299a2.372 2.372 0 0 1 2.377 2.364V15.62a2.372 2.372 0 0 1-2.377 2.364H59.399a2.372 2.372 0 0 1-2.377-2.364V2.381A2.368 2.368 0 0 1 59.399.022z" fill="url(#a)"/> <path d="M66.257 4.56c-2.815 0-5.1 2.272-5.1 5.078 0 2.806 2.284 5.072 5.1 5.072 2.815 0 5.1-2.272 5.1-5.078 0-2.806-2.279-5.072-5.1-5.072zm0 8.652c-1.983 0-3.593-1.602-3.593-3.574 0-1.972 1.61-3.574 3.593-3.574 1.983 0 3.593 1.602 3.593 3.574a3.582 3.582 0 0 1-3.593 3.574zm0-6.418v2.664c0 .076.082.131.153.093l2.377-1.226c.055-.027.071-.093.044-.147a2.96 2.96 0 0 0-2.465-1.487c-.055 0-.11.044-.11.104l.001-.001zm-3.33-1.956l-.312-.311a.783.783 0 0 0-1.106 0l-.372.37a.773.773 0 0 0 0 1.101l.307.305c.049.049.121.038.164-.011.181-.245.378-.479.597-.697.225-.223.455-.42.707-.599.055-.033.06-.109.016-.158h-.001zm5.001-.806v-.616a.781.781 0 0 0-.783-.779h-1.824a.78.78 0 0 0-.783.779v.632c0 .071.066.12.137.104a5.736 5.736 0 0 1 1.588-.223c.52 0 1.035.071 1.534.207a.106.106 0 0 0 .131-.104z" fill="#FFF"/> <path d="M102.162 13.762c0 1.455-.372 2.517-1.123 3.193-.75.676-1.895 1.013-3.44 1.013-.564 0-1.736-.109-2.673-.316l.345-1.689c.783.163 1.819.207 2.361.207.86 0 1.473-.174 1.84-.523.367-.349.548-.866.548-1.553v-.349a6.374 6.374 0 0 1-.838.316 4.151 4.151 0 0 1-1.194.158 4.515 4.515 0 0 1-1.616-.278 3.385 3.385 0 0 1-1.254-.817 3.744 3.744 0 0 1-.811-1.351c-.192-.539-.29-1.504-.29-2.212 0-.665.104-1.498.307-2.054a3.925 3.925 0 0 1 .904-1.433 4.124 4.124 0 0 1 1.441-.926 5.31 5.31 0 0 1 1.945-.365c.696 0 1.337.087 1.961.191a15.86 15.86 0 0 1 1.588.332v8.456h-.001zm-5.954-4.206c0 .893.197 1.885.592 2.299.394.414.904.621 1.528.621.34 0 .663-.049.964-.142a2.75 2.75 0 0 0 .734-.332v-5.29a8.531 8.531 0 0 0-1.413-.18c-.778-.022-1.369.294-1.786.801-.411.507-.619 1.395-.619 2.223zm16.12 0c0 .719-.104 1.264-.318 1.858a4.389 4.389 0 0 1-.904 1.52c-.389.42-.854.746-1.402.975-.548.229-1.391.36-1.813.36-.422-.005-1.26-.125-1.802-.36a4.088 4.088 0 0 1-1.397-.975 4.486 4.486 0 0 1-.909-1.52 5.037 5.037 0 0 1-.329-1.858c0-.719.099-1.411.318-1.999.219-.588.526-1.09.92-1.509.394-.42.865-.741 1.402-.97a4.547 4.547 0 0 1 1.786-.338 4.69 4.69 0 0 1 1.791.338c.548.229 1.019.55 1.402.97.389.42.69.921.909 1.509.23.588.345 1.28.345 1.999h.001zm-2.191.005c0-.921-.203-1.689-.597-2.223-.394-.539-.948-.806-1.654-.806-.707 0-1.26.267-1.654.806-.394.539-.586 1.302-.586 2.223 0 .932.197 1.558.592 2.098.394.545.948.812 1.654.812.707 0 1.26-.272 1.654-.812.394-.545.592-1.166.592-2.098h-.001zm6.962 4.707c-3.511.016-3.511-2.822-3.511-3.274L113.583.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001zm3.774 0h-2.153V5.072l2.153-.338v9.534zm-1.079-10.542c.718 0 1.304-.578 1.304-1.291 0-.714-.581-1.291-1.304-1.291-.723 0-1.304.578-1.304 1.291 0 .714.586 1.291 1.304 1.291zm6.431 1.013c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.285.311.488.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.263.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a9.335 9.335 0 0 1 1.66-.142l-.001-.001zm.181 7.731c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.323.196.75.289 1.293.289h.001zM84.109 4.794c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.29.316.487.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.257.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a8.89 8.89 0 0 1 1.66-.142l-.001-.001zm.186 7.736c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.318.191.75.289 1.293.289h.001zm8.682 1.738c-3.511.016-3.511-2.822-3.511-3.274L89.461.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001z" fill="#182359"/> <path d="M5.027 11.025c0 .698-.252 1.246-.757 1.644-.505.397-1.201.596-2.089.596-.888 0-1.615-.138-2.181-.414v-1.214c.358.168.739.301 1.141.397.403.097.778.145 1.125.145.508 0 .884-.097 1.125-.29a.945.945 0 0 0 .363-.779.978.978 0 0 0-.333-.747c-.222-.204-.68-.446-1.375-.725-.716-.29-1.221-.621-1.515-.994-.294-.372-.44-.82-.44-1.343 0-.655.233-1.171.698-1.547.466-.376 1.09-.564 1.875-.564.752 0 1.5.165 2.245.494l-.408 1.047c-.698-.294-1.321-.44-1.869-.44-.415 0-.73.09-.945.271a.89.89 0 0 0-.322.717c0 .204.043.379.129.524.086.145.227.282.424.411.197.129.551.299 1.063.51.577.24.999.464 1.268.671.269.208.466.442.591.704.125.261.188.569.188.924l-.001.002zm3.98 2.24c-.924 0-1.646-.269-2.167-.808-.521-.539-.782-1.281-.782-2.226 0-.97.242-1.733.725-2.288.483-.555 1.148-.833 1.993-.833.784 0 1.404.238 1.858.714.455.476.682 1.132.682 1.966v.682H7.357c.018.577.174 1.02.467 1.329.294.31.707.465 1.241.465.351 0 .678-.033.98-.099a5.1 5.1 0 0 0 .975-.33v1.026a3.865 3.865 0 0 1-.935.312 5.723 5.723 0 0 1-1.08.091l.002-.001zm-.231-5.199c-.401 0-.722.127-.964.381s-.386.625-.432 1.112h2.696c-.007-.491-.125-.862-.354-1.115-.229-.252-.544-.379-.945-.379l-.001.001zm7.692 5.092l-.252-.827h-.043c-.286.362-.575.608-.865.739-.29.131-.662.196-1.117.196-.584 0-1.039-.158-1.367-.473-.328-.315-.491-.761-.491-1.337 0-.612.227-1.074.682-1.386.455-.312 1.148-.482 2.079-.51l1.026-.032v-.317c0-.38-.089-.663-.266-.851-.177-.188-.452-.282-.824-.282-.304 0-.596.045-.876.134a6.68 6.68 0 0 0-.806.317l-.408-.902a4.414 4.414 0 0 1 1.058-.384 4.856 4.856 0 0 1 1.085-.132c.756 0 1.326.165 1.711.494.385.329.577.847.577 1.552v4.002h-.902l-.001-.001zm-1.88-.859c.458 0 .826-.128 1.104-.384.278-.256.416-.615.416-1.077v-.516l-.763.032c-.594.021-1.027.121-1.297.298s-.406.448-.406.814c0 .265.079.47.236.615.158.145.394.218.709.218h.001zm7.557-5.189c.254 0 .464.018.628.054l-.124 1.176a2.383 2.383 0 0 0-.559-.064c-.505 0-.914.165-1.227.494-.313.329-.47.757-.47 1.284v3.105h-1.262V7.218h.988l.167 1.047h.064c.197-.354.454-.636.771-.843a1.83 1.83 0 0 1 1.023-.312h.001zm4.125 6.155c-.899 0-1.582-.262-2.049-.787-.467-.525-.701-1.277-.701-2.259 0-.999.244-1.767.733-2.304.489-.537 1.195-.806 2.119-.806.627 0 1.191.116 1.692.349l-.381 1.015c-.534-.208-.974-.312-1.321-.312-1.028 0-1.542.682-1.542 2.046 0 .666.128 1.166.384 1.501.256.335.631.502 1.125.502a3.23 3.23 0 0 0 1.595-.419v1.101a2.53 2.53 0 0 1-.722.285 4.356 4.356 0 0 1-.932.086v.002zm8.277-.107h-1.268V9.506c0-.458-.092-.8-.277-1.026-.184-.226-.477-.338-.878-.338-.53 0-.919.158-1.168.475-.249.317-.373.848-.373 1.593v2.949h-1.262V4.801h1.262v2.122c0 .34-.021.704-.064 1.09h.081a1.76 1.76 0 0 1 .717-.666c.306-.158.663-.236 1.072-.236 1.439 0 2.159.725 2.159 2.175v3.873l-.001-.001zm7.649-6.048c.741 0 1.319.269 1.732.806.414.537.62 1.291.62 2.261 0 .974-.209 1.732-.628 2.275-.419.542-1.001.814-1.746.814-.752 0-1.336-.27-1.751-.811h-.086l-.231.704h-.945V4.801h1.262v1.987l-.021.655-.032.553h.054c.401-.591.992-.886 1.772-.886zm-.328 1.031c-.508 0-.875.149-1.098.448-.224.299-.339.799-.346 1.501v.086c0 .723.115 1.247.344 1.571.229.324.603.486 1.123.486.448 0 .787-.177 1.018-.532.231-.354.346-.867.346-1.536 0-1.35-.462-2.025-1.386-2.025l-.001.001zm3.244-.924h1.375l1.209 3.368c.183.48.304.931.365 1.354h.043c.032-.197.091-.436.177-.717.086-.281.541-1.616 1.364-4.004h1.364l-2.541 6.73c-.462 1.235-1.232 1.853-2.31 1.853-.279 0-.551-.03-.816-.091v-.999c.19.043.406.064.65.064.609 0 1.037-.353 1.284-1.058l.22-.559-2.385-5.941h.001z" fill="#1D3657"/> </g> </svg> </a> </div> </div> </script> <script type="text/html" id="tmpl-autocomplete-empty"> <div class="autocomplete-empty"> No results matched your query <span class="empty-query">"{{ data.query }}"</span> </div> </script> <script type="text/javascript"> jQuery( function () { /* Initialize Algolia client */ var client = algoliasearch( algolia.application_id, algolia.search_api_key ); /** * Algolia hits source method. * * This method defines a custom source to use with autocomplete.js. * * @param object $index Algolia index object. * @param object $params Options object to use in search. */ var algoliaHitsSource = function( index, params ) { return function( query, callback ) { index .search( query, params ) .then( function( response ) { callback( response.hits, response ); }) .catch( function( error ) { callback( [] ); }); } } /* Setup autocomplete.js sources */ var sources = []; jQuery.each( algolia.autocomplete.sources, function ( i, config ) { var suggestion_template = wp.template( config[ 'tmpl_suggestion' ] ); sources.push( { source: algoliaHitsSource( client.initIndex( config[ 'index_name' ] ), { hitsPerPage: config[ 'max_suggestions' ], attributesToSnippet: [ 'content:10' ], highlightPreTag: '__ais-highlight__', highlightPostTag: '__/ais-highlight__' } ), templates: { header: function () { return wp.template( 'autocomplete-header' )( { label: _.escape( config[ 'label' ] ) } ); }, suggestion: function ( hit ) { if ( hit.escaped === true ) { return suggestion_template( hit ); } hit.escaped = true; for ( var key in hit._highlightResult ) { /* We do not deal with arrays. */ if ( typeof hit._highlightResult[ key ].value !== 'string' ) { continue; } hit._highlightResult[ key ].value = _.escape( hit._highlightResult[ key ].value ); hit._highlightResult[ key ].value = hit._highlightResult[ key ].value.replace( /__ais-highlight__/g, '<em>' ).replace( /__\/ais-highlight__/g, '</em>' ); } for ( var key in hit._snippetResult ) { /* We do not deal with arrays. */ if ( typeof hit._snippetResult[ key ].value !== 'string' ) { continue; } hit._snippetResult[ key ].value = _.escape( hit._snippetResult[ key ].value ); hit._snippetResult[ key ].value = hit._snippetResult[ key ].value.replace( /__ais-highlight__/g, '<em>' ).replace( /__\/ais-highlight__/g, '</em>' ); } return suggestion_template( hit ); } } } ); } ); /* Setup dropdown menus */ jQuery( algolia.autocomplete.input_selector ).each( function ( i ) { var $searchInput = jQuery( this ); var config = { debug: algolia.debug, hint: false, openOnFocus: true, appendTo: 'body', templates: { empty: wp.template( 'autocomplete-empty' ) } }; if ( algolia.powered_by_enabled ) { config.templates.footer = wp.template( 'autocomplete-footer' ); } /* Instantiate autocomplete.js */ var autocomplete = algoliaAutocomplete( $searchInput[ 0 ], config, sources ) .on( 'autocomplete:selected', function ( e, suggestion ) { /* Redirect the user when we detect a suggestion selection. */ window.location.href = suggestion.permalink; } ); /* Force the dropdown to be re-drawn on scroll to handle fixed containers. */ jQuery( window ).on( 'scroll', function() { if ( autocomplete.autocomplete.getWrapper().style.display === "block" ) { autocomplete.autocomplete.close(); autocomplete.autocomplete.open(); } } ); } ); jQuery( document ).on( "click", ".algolia-powered-by-link", function ( e ) { e.preventDefault(); window.location = "https://www.algolia.com/?utm_source=WordPress&utm_medium=extension&utm_content=" + window.location.hostname + "&utm_campaign=poweredby"; } ); } ); </script> <link rel='stylesheet' id='et_monarch-css-css' href='https://www.elegantthemes.com/blog/wp-content/plugins/monarch/css/style.css?ver=1.4.14' type='text/css' media='none' onload="media='all'" /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.elegantthemes.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=4b7584949ea766124fadec285806fe70' type='text/css' media='none' onload="media='all'" /> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/monarch/js/idle-timer.min.js?ver=1.4.14" id="et_monarch-idle-js"></script> <script type="text/javascript" id="et_monarch-custom-js-js-extra"> /* <![CDATA[ */ var monarchSettings = {"ajaxurl":"https:\/\/www.elegantthemes.com\/blog\/wp-admin\/admin-ajax.php","pageurl":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/the-all-new-and-amazing-divi-transformation-controls","stats_nonce":"309d5f7cd2","share_counts":"ff08bba534","follow_counts":"a05f7bdf06","total_counts":"61d5b8ef80","media_single":"4f450a683a","media_total":"c23d454478","generate_all_window_nonce":"adfca651e1","no_img_message":"No images available for sharing on this page"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/monarch/js/custom.js?ver=1.4.14" id="et_monarch-custom-js-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/comment-reply.min.js?ver=4b7584949ea766124fadec285806fe70" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/blog\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/wp-util.min.js?ver=4b7584949ea766124fadec285806fe70" id="wp-util-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/js/algoliasearch/dist/algoliasearch-lite.umd.js?ver=2.8.2" id="algolia-search-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/js/autocomplete.js/dist/autocomplete.min.js?ver=2.8.2" id="algolia-autocomplete-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/js/autocomplete-noconflict.js?ver=2.8.2" id="algolia-autocomplete-noconflict-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/bloom/core/admin/js/common.js?ver=4.9.3" id="et-core-common-js"></script> <script defer type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1731999938" id="akismet-frontend-js"></script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e94bc291e7ba129',t:'MTczMjczNzk0Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>