CINXE.COM
Manage The Design Of Your Entire Divi Website From Within The Builder
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Manage The Design Of Your Entire Divi Website From Within The Builder</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;display:inline-block;font-size:14px;font-weight:800;padding:0 8px;position:relative}.badge,.light-background .badge{background:#000;color:#fff}.badge.icon-badge{align-items:center;display:flex;gap:4px}.badge.icon-badge svg{fill:#fff}.divi-pro-badge{cursor:pointer;display:flex;position:relative}.divi-pro-badge .badge{background:linear-gradient(115deg,#379eff,#40f);margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.divi-pro-badge .badge:hover{padding-left:10px;padding-right:10px}.divi-pro-badge .tooltip_hover{font-size:17px}#lifetime-switcher .tooltip_hover,.button-toggle .tooltip_hover,.divi-pro-badge .tooltip_hover,.payment-duration .tooltip_hover{bottom:60px;left:50%!important;text-align:center!important;transform:scale(.95) translateX(-52.5%)!important;transform-origin:top center!important;width:480px}#lifetime-switcher .tooltip_hover:after,.button-toggle .tooltip_hover:after,.divi-pro-badge .tooltip_hover:after,.payment-duration .tooltip_hover:after{bottom:-6px;left:50%!important;margin-left:-12px;right:auto!important;top:auto}.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.72" media="print" onload="this.media='all'" /><link rel="stylesheet" type="text/css" href="https://www.elegantthemes.com/css/blog.css?ver=6.72" media="all" /> <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='106823';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> <!-- This site is optimized with the Yoast SEO Premium plugin v22.7 (Yoast SEO v24.4) - https://yoast.com/wordpress/plugins/seo/ --> <link rel="canonical" href="https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Manage The Design Of Your Entire Divi Website From Within The Builder" /> <meta property="og:url" content="https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor" /> <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-07-11T19:19:34+00:00" /> <meta property="article:modified_time" content="2022-09-18T18:51:46+00:00" /> <meta property="og:image" content="https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/thumbnail.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="5 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-global-defaults-editor#article","isPartOf":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor"},"author":{"name":"Nick Roach","@id":"https://www.elegantthemes.com/blog/#/schema/person/86eb70bad977e181140c9e23b6b05c23"},"headline":"Manage The Design Of Your Entire Divi Website From Within The Builder","datePublished":"2019-07-11T19:19:34+00:00","dateModified":"2022-09-18T18:51:46+00:00","mainEntityOfPage":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor"},"wordCount":956,"commentCount":159,"publisher":{"@id":"https://www.elegantthemes.com/blog/#organization"},"image":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/thumbnail.jpg","articleSection":["Theme Releases"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#respond"]}]},{"@type":"WebPage","@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor","url":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor","name":"Manage The Design Of Your Entire Divi Website From Within The Builder","isPartOf":{"@id":"https://www.elegantthemes.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#primaryimage"},"image":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/thumbnail.jpg","datePublished":"2019-07-11T19:19:34+00:00","dateModified":"2022-09-18T18:51:46+00:00","breadcrumb":{"@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#primaryimage","url":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/thumbnail.jpg","contentUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/thumbnail.jpg","width":1920,"height":1002},{"@type":"BreadcrumbList","@id":"https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#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":"Manage The Design Of Your Entire Divi Website From Within The Builder"}]},{"@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> <!-- / Yoast SEO Premium plugin. --> <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> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </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-106823 single-format-standard release et_bloom et_monarch" > <div id="main-nav" class="transparent-header 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.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/">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/"> <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> <hr> <ul class="menu-items primary-menu-items"> <li class="accent-purple"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/"> <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/"> <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/"> <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/"> <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/"> <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/"> <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/"> <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/"> <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/">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 "> <ul class="menu-items primary-menu-items"> <li class="accent-purple"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/"> <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 </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/"> <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 </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/"> <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 </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/"> <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 </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/"> <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 </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/">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/"><span>Pricing</span></a> </div> </nav> <span class="hamburger"> <span></span> <span></span> <span></span> </span> </div> </div> <section id="landing-hero" class="gallery-hero product-update"> <div class="row-container narrow"> <div class="row center-align-columns"> <div class="column-container column-7"> <div class="column accent-pink"> <div class="dark-background"> <h1 class="headline-3">The Game-Changing Global Defaults Editor</h2> <h2>Manage The Design Of Your Entire Divi Website From Within The Builder</h2> <p class="lead">Last Updated 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> in <a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a> <span class="comments-number"><a href="https://www.elegantthemes.com/blog/theme-releases/the-global-defaults-editor#respond">159 comments</a></span></p> </div> <a class="button primary-button accent-pink with-callout" target="_blank" href="https://www.elegantthemes.com/join/"> Join Today <span class="button-callout show-callout elevation-2">Try Divi Risk Free For 30 Days!</span> </a> </div> </div> <div class="column-container"> <div class="column"> <a class="video-popup" href="https://www.youtube.com/watch?v=bQf6Q5cy8MM"> <div class="play-button-container"> <div class="play-button"> <svg> <polygon points="10 33 10 1 34 17"></polygon> </svg> </div> </div> </a> </div> </div> </div> </div> <div class="row-container hide-on-tablet"> <div id="hero-video-container" class="row center-align-columns"> <div class="column-container column-7 retain-width-on-mobile"> <div class="column"> </div> </div> <div class="column-container"> <div class="column"> <video id="landing-hero-video" class="card card-full-bleed" width="1040" height="auto" autoplay="" loop="" muted="" playsinline=""> <source src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/editing-buttons.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <div class="overlay"></div> </section> <article id="post-106823" class="entry feature-post clearfix post-106823 post type-post status-publish format-standard has-post-thumbnail category-theme-releases"> <div class="row-container card featured-heading purple"> <div class="row"> <div class="column-container"> <div class="column centered accent-blue"> <h2 class="headline-3">Divi's Website-Wide Design Editor</h2> <h2>Manage Your Website's Default Styles Instead of Customizing Modules Over And Over Again When Building New Pages!</h2> <p><br /> <iframe class="youtube-player" type="text/html" title="The Game Changing Divi Global Defaults Editor" width="719" height="404" src="https://www.youtube.com/embed/bQf6Q5cy8MM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br /> Today we are excited to release one of the most important and revolutionary new Divi features ever. It’s called the Global Defaults editor and it allows you to manage the design of your entire website right from inside the builder. Instead of having to apply fonts, colors, text sizes and more to every single module you add to every single page, you can instead modify their default designs so that every time you add new modules, they automatically conform to the broader design system you created. When you modify, for example, your default button or header styles, your entire website gets updated at once and you don’t have to go and edit every single button and header module to do so. Whenever you want to make a website-wide design change, you can simply alter those default design settings. It’s absolutely amazing and saves tons of time.</p> </div> </div> </div> </div> <div class="row-container narrow"> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <h2>Enjoy Website-Wide Design Editing</h2> <p>The new Global Defaults editor changes the <a href="https://www.elegantthemes.com/gallery/divi/" class="wpil_keyword_link" data-wpil-keyword-link="linked" title="Divi page builder">Divi page builder</a> paradigm and makes designing websites with Divi infinitely faster. Instead of starting with Divi’s default styles and customize each module individually, you can update your website with its own overarching design system by editing the default design of any module. This new system replaces the old Module Customizer and gives you absolute control over the default design of everything.</p> <p>In the following video, you can see that after editing the default design of the header module, every page on the website gets updated with the new design. While Divi has some amazing efficiency tools such as Copy Paste Styles, <a href="https://www.elegantthemes.com/blog/theme-releases/build-divi-pages-faster-than-ever-before-introducing-extend-styles" class="wpil_keyword_link" data-wpil-keyword-link="linked" title="Extend Styles">Extend Styles</a> and Find And Replace that help you build single pages super quickly, the Global Defaults editor gives you the power to manage the broader design of your entire website.<br /> </p> </div> </div> </div> </div> <div class="row-container narrow "> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <p><video width="960" class="et-video-loop lazy card" playsinline autoplay muted loop><source data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/different-pages.mp4" type="video/mp4"></video></p> </div> </div> </div> </div> <div class="row-container card featured-heading purple"> <div class="row"> <div class="column-container"> <div class="column centered accent-pink"> <h2 class="headline-3">Global Defaults Change Everything</h2> <h2>When You Modify A Module's Default Design, It Updates Across Your Whole Website At Once</h2> <p>Divi’s default design is simple and meant to be a good starting point. Every module has a set of default values for each of its design settings, and that’s what gives the Divi module set its standard look. But Divi’s power lies in its customizability and most Divi websites are heavily customized and full of unique designs built by modifying those design settings. In the past, every module you added to every page needed to be uniquely designed one by one. Every single module, every single time, and that’s a lot of time. But that changes today.</p> </div> </div> </div> </div> <div class="row-container narrow"> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <h2>Access The Global Defaults Editor From Within The Builder</h2> <p>To manage a module’s default design, simply click the new Global Defaults icon to flip over to the defaults editor. Here you can customize the default design of that module. Changes made here affect your entire website and the next time you add a module to a page, it will automatically assume its default design and the default values will be reflected in the settings popup. You can still further customize any individual module and overwrite its default style.</p> </div> </div> </div> </div> <div class="row-container narrow "> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <p><video width="960" class="et-video-loop lazy card" playsinline autoplay muted loop><source data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/editing-buttons.mp4" type="video/mp4"></video></p> </div> </div> </div> </div> <div class="row-container narrow"> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <h2>Manage Your Website Design Revision History</h2> <p>The Global Defaults editor also has its own revision history system. Each time you change your website’s default design, a new backup is created. If you ever want to undo a change, you can simply restore the previous revision. You can also easily reset default designs back to their original state using the ever-present triple dot icon in the global defaults editor. Since these changes affect your entire website, we wanted to make sure it was easy to undo a change when you made a mistake or simply changed your mind.</p> </div> </div> </div> </div> <div class="row-container narrow "> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <p><video width="960" class="et-video-loop lazy card" playsinline autoplay muted loop><source data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/history.mp4" type="video/mp4"></video></p> </div> </div> </div> </div> <div class="row-container narrow"> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <h2>Quickly Turn Normal Modules Into Default Designs</h2> <p>Divi also makes it easy to take any customized module and use it to create new default designs. You can right click on any module, option group or option and click “Make Styles Default” to use the customized design as the new default design for your website. Build a single page and then use that page to create a global design system in minutes.</p> </div> </div> </div> </div> <div class="row-container narrow "> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <p><video width="960" class="et-video-loop lazy card" playsinline autoplay muted loop><source data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/07/make-styles-default.mp4" type="video/mp4"></video></p> </div> </div> </div> </div> <div class="row-container narrow"> <div class="row"> <div class="column-container"> <div class="column accent-purple"> <h2>The New Way To Design Websites With Divi</h2> <p>It’s hard to explain just how important this new feature is, you just need to try it for yourself. Plus, it lays the foundation for an even more advanced class-based Divi design system that we plan to expand upon soon. The global defaults editor is available today, so download Divi and take it 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> </div> </div> </div> <div class="row-container card featured-heading purple"> <div class="row"> <div class="column-container"> <div class="column centered accent-purple"> <h2 class="headline-3">Join Or Upgrade Today For 10% Off!</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 3.0 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/">Join Today For 10% OFF!</a><br /> <a href="https://www.elegantthemes.com/members-area/renew/?discount=10">Renew Your Account Today For 10% OFF!</a><br /> <a href="https://www.elegantthemes.com/members-area/upgrade/?discount=10">Upgrade Your Account Today For 10% OFF!</a></p> </div> </div> </div> </div> </article> <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-283605" class="entry article-card post-283605 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/customizable-responsive-breakpoints"> <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/2025/02/featured-image.png" alt="Introducing Customizable Responsive Breakpoints For Divi 5" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/theme-releases/customizable-responsive-breakpoints" title="Link to Introducing Customizable Responsive Breakpoints For Divi 5">Introducing Customizable Responsive Breakpoints For Divi 5</a></h3> <p class="blog-meta">Posted on <span class="published updated">February 6, 2025</span> in <a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a></p> <p>Today, we are excited to release Customizable Responsive Breakpoints for Divi 5. 🥳 Divi 5 now comes with seven pre-defined breakpoints that cover every type of device, and you can customize the width of each breakpoint, giving you control of your design at every size. It’s fast, it’s...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/theme-releases/customizable-responsive-breakpoints" class="viewfull">View Full Post</a> </article> </div> </div> <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> </div> <div class="row-container accent-blue"> <div class="row"> <div class="column-container"> <div class="column"> <h3 id="comments">159 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-468990"> <article id="comment-468990" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/39b37705ebda1f67f48aaae39a060c16?s=50&r=g' srcset='https://secure.gravatar.com/avatar/39b37705ebda1f67f48aaae39a060c16?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jody Heath</span> <span class="comment_date"> August 31, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Previously, I had accomplished basically a similar solution to “Global Defaults” by utilizing the Divi Library using global sections, rows, and modules.</p> <p>So with global defaults, I see an added benefit with the added revision history at the module level; but it seems there is significant redundancy between the older global elements (sections, rows, and modules) and with the newer global defaults.</p> <p>To me, it almost seems like global defaults should have come first; and global elements should have been created 2nd for another layer of finessing.</p> <p>So what is the major benefit? I think you might say “I can now update every module on my site at once”. However, I can already do that with my Divi Library and global sections, rows, and modules.</p> <p>Grateful for the additional feature, just not sure where it fits in. Please enlighten me.</p> <p>Best!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-468990" data-commentid="468990" data-postid="106823" data-belowelement="comment-468990" data-respondelement="respond" data-replyto="Reply to Jody Heath" aria-label="Reply to Jody Heath">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-467372"> <article id="comment-467372" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0a34e588101d0df617e66cf4db3808d0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0a34e588101d0df617e66cf4db3808d0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">ankit</span> <span class="comment_date"> August 24, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is amazing. Eagerly waiting for new update from Divi.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-467372" data-commentid="467372" data-postid="106823" data-belowelement="comment-467372" data-respondelement="respond" data-replyto="Reply to ankit" aria-label="Reply to ankit">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-466824"> <article id="comment-466824" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fcf3dfcfb2d95fbff06b579cfef23c3c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fcf3dfcfb2d95fbff06b579cfef23c3c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Thomas</span> <span class="comment_date"> August 22, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>cool stuff! I’ve been structuring in the back end for the most part working with the Customizer, however this certainly looks a ton smoother and increasingly explicit that doesn’t require slithering through sub-menus… Keep up the extraordinary work.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-466824" data-commentid="466824" data-postid="106823" data-belowelement="comment-466824" data-respondelement="respond" data-replyto="Reply to Thomas" aria-label="Reply to Thomas">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-465183"> <article id="comment-465183" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6cd48cbcdc96323e065f9e461071efef?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6cd48cbcdc96323e065f9e461071efef?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Lalit Soni</span> <span class="comment_date"> August 16, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>So, inshort it’s going to be a big change? i hope so 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-465183" data-commentid="465183" data-postid="106823" data-belowelement="comment-465183" data-respondelement="respond" data-replyto="Reply to Lalit Soni" aria-label="Reply to Lalit Soni">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-463341"> <article id="comment-463341" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/64a7379d7d170c470fe2fe84d574c2f3?s=50&r=g' srcset='https://secure.gravatar.com/avatar/64a7379d7d170c470fe2fe84d574c2f3?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ali baba Kabab</span> <span class="comment_date"> August 9, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Thanks ??For Sharing interesting article on Divi’s Website-Wide Design Editor</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-463341" data-commentid="463341" data-postid="106823" data-belowelement="comment-463341" data-respondelement="respond" data-replyto="Reply to Ali baba Kabab" aria-label="Reply to Ali baba Kabab">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-463161"> <article id="comment-463161" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2f37fbcf50080b28257a71a6afa1b01a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2f37fbcf50080b28257a71a6afa1b01a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Divya</span> <span class="comment_date"> August 8, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is amazing Nick! I wish I could get excited.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-463161" data-commentid="463161" data-postid="106823" data-belowelement="comment-463161" data-respondelement="respond" data-replyto="Reply to Divya" aria-label="Reply to Divya">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-462528"> <article id="comment-462528" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/800d3aa6e19894b970a2cdd1f3cbc3b3?s=50&r=g' srcset='https://secure.gravatar.com/avatar/800d3aa6e19894b970a2cdd1f3cbc3b3?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jay</span> <span class="comment_date"> August 6, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Updating to the latest version breaks my wordpress site entirely and visiting either the wp dashboard or my site, it’s stuck with the message: </p> <p>“Briefly unavailable for scheduled maintenance. Check back in a minute.”</p> <p>I have to restore a previous backup from my hosting provider to revert it back to operating conditions.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-462528" data-commentid="462528" data-postid="106823" data-belowelement="comment-462528" data-respondelement="respond" data-replyto="Reply to Jay" aria-label="Reply to Jay">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-462522"> <article id="comment-462522" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/800d3aa6e19894b970a2cdd1f3cbc3b3?s=50&r=g' srcset='https://secure.gravatar.com/avatar/800d3aa6e19894b970a2cdd1f3cbc3b3?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jay</span> <span class="comment_date"> August 6, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hi,</p> <p>Updating to the latest version breaks my wordpress site entirely and visiting either the wp dashboard or my site, it’s stuck with the message:</p> <p>“Briefly unavailable for scheduled maintenance. Check back in a minute.”</p> <p>I have to restore a previous backup from my hosting provider to revert it back to operating conditions.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-462522" data-commentid="462522" data-postid="106823" data-belowelement="comment-462522" data-respondelement="respond" data-replyto="Reply to Jay" aria-label="Reply to Jay">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-462224"> <article id="comment-462224" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/832c9df92bda38119b9a02cc5d36c33b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/832c9df92bda38119b9a02cc5d36c33b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Alex</span> <span class="comment_date"> August 5, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I love DIVI Amazing! 🙂 This is so good and Saves me a lot of time but I notice some speed issues hope this issue also resolve soon! Planning to buy again for my friend.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-462224" data-commentid="462224" data-postid="106823" data-belowelement="comment-462224" data-respondelement="respond" data-replyto="Reply to Alex" aria-label="Reply to Alex">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-461529"> <article id="comment-461529" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/cd5d84a3946e23e6fe9eb4f65728eaff?s=50&r=g' srcset='https://secure.gravatar.com/avatar/cd5d84a3946e23e6fe9eb4f65728eaff?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Viliam Sedliak</span> <span class="comment_date"> August 2, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hello,</p> <p>This is awesome feature. </p> <p>Its a pity that changing a background of fullwidth section for entire site is not working for me.<br /> Anyone here with this problem?</p> <p>Viliam</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-461529" data-commentid="461529" data-postid="106823" data-belowelement="comment-461529" data-respondelement="respond" data-replyto="Reply to Viliam Sedliak" aria-label="Reply to Viliam Sedliak">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-459276"> <article id="comment-459276" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b38c9103ba1d0ede89450d3304990778?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b38c9103ba1d0ede89450d3304990778?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Chris Backe</span> <span class="comment_date"> July 25, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Very cool stuff! I’ve been designing in the back end mostly working with the Customizer, but this definitely looks a lot smoother and more specific that doesn’t require crawling through sub-menus… Keep up the great work.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-459276" data-commentid="459276" data-postid="106823" data-belowelement="comment-459276" data-respondelement="respond" data-replyto="Reply to Chris Backe" aria-label="Reply to Chris Backe">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-459062"> <article id="comment-459062" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e8967341862063f5eb44b543f3725549?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e8967341862063f5eb44b543f3725549?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Philipp Leser</span> <span class="comment_date"> July 24, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Amazing. Just what I needed.<br /> Is it possible to lock the global settings for certain users?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-459062" data-commentid="459062" data-postid="106823" data-belowelement="comment-459062" data-respondelement="respond" data-replyto="Reply to Philipp Leser" aria-label="Reply to Philipp Leser">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-458503"> <article id="comment-458503" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6a20525a6bc93ac6b9a8c14a066ec5f6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6a20525a6bc93ac6b9a8c14a066ec5f6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Joey</span> <span class="comment_date"> July 22, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is really amazing. I really love Divi.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-458503" data-commentid="458503" data-postid="106823" data-belowelement="comment-458503" data-respondelement="respond" data-replyto="Reply to Joey" aria-label="Reply to Joey">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-458476"> <article id="comment-458476" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/79c7b4e5fa7a7ff3e883968a4925a094?s=50&r=g' srcset='https://secure.gravatar.com/avatar/79c7b4e5fa7a7ff3e883968a4925a094?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Steve</span> <span class="comment_date"> July 22, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Broke all the styling on my site. Support worse than useless. Blamed a plugin, even though the site looked OK before the update.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-458476" data-commentid="458476" data-postid="106823" data-belowelement="comment-458476" data-respondelement="respond" data-replyto="Reply to Steve" aria-label="Reply to Steve">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-458197"> <article id="comment-458197" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b510e85c81dae71ee37b8dd3aeaa0983?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b510e85c81dae71ee37b8dd3aeaa0983?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ian Gemmell</span> <span class="comment_date"> July 21, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Would be great if you could tell us how to get to the global default editor. I’ve tried watching the beginning of the video about 10 times and don’t see how you get up the editor. I’ve also poked about the interface and for the life of me don’t see how to do it.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-458197" data-commentid="458197" data-postid="106823" data-belowelement="comment-458197" data-respondelement="respond" data-replyto="Reply to Ian Gemmell" aria-label="Reply to Ian Gemmell">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-admin bypostauthor odd alt depth-2 blog-author" id="li-comment-458599"> <article id="comment-458599" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> July 22, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>See the “Access The Global Defaults Editor From Within The Builder” section above. It’s also mentioned in the video.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-458599" data-commentid="458599" data-postid="106823" data-belowelement="comment-458599" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-457483"> <article id="comment-457483" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ba42c71893fb1d4a06762642353ddcfb?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ba42c71893fb1d4a06762642353ddcfb?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">CDG</span> <span class="comment_date"> July 18, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Sigh…. not working for me either.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-457483" data-commentid="457483" data-postid="106823" data-belowelement="comment-457483" data-respondelement="respond" data-replyto="Reply to CDG" aria-label="Reply to CDG">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-457469"> <article id="comment-457469" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c6a2d3e5e009224bf7554f7143f0aff4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c6a2d3e5e009224bf7554f7143f0aff4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Lois Reed</span> <span class="comment_date"> July 18, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>maybe I am too old school but I really dislike this. I would rather have full control with my own CSS. That said, I mistakenly played with this on a live site and now am at a loss to find where to clear it all. Anyone?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-457469" data-commentid="457469" data-postid="106823" data-belowelement="comment-457469" data-respondelement="respond" data-replyto="Reply to Lois Reed" aria-label="Reply to Lois Reed">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-457656"> <article id="comment-457656" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/dfecfb02cb88a3757a5b249e3e411802?s=50&r=g' srcset='https://secure.gravatar.com/avatar/dfecfb02cb88a3757a5b249e3e411802?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Duncan</span> <span class="comment_date"> July 19, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hi Lois,</p> <p>Luckily, the Global Defaults editor has its own revision history system. If you search this blog post for the text “Manage Your Website Design Revision History”, you can see how to do this.</p> <p>Hope that helps.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-457656" data-commentid="457656" data-postid="106823" data-belowelement="comment-457656" data-respondelement="respond" data-replyto="Reply to Duncan" aria-label="Reply to Duncan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-457260"> <article id="comment-457260" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/02a1d0a2ef4320cba596c450bf9203cf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/02a1d0a2ef4320cba596c450bf9203cf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Pankaj Grover</span> <span class="comment_date"> July 17, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hi Nick,<br /> Each and every update of Divi is just awesome ? it’s fun to design the websites now.<br /> I request if you could focus on adding some variations in Header, Footers & Navigations styles.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-457260" data-commentid="457260" data-postid="106823" data-belowelement="comment-457260" data-respondelement="respond" data-replyto="Reply to Pankaj Grover" aria-label="Reply to Pankaj Grover">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-457101"> <article id="comment-457101" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/5e19c642c99498cf65c212a4058cc3cf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/5e19c642c99498cf65c212a4058cc3cf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ooby</span> <span class="comment_date"> July 16, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>So far it doesn’t seem to work with everything. I make “global” changes and they have no effect.</p> <p>Also I noticed the Module Customizer has disappeared. So it would seem this is mostly the same features, accessible from within the Visual Builder.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-457101" data-commentid="457101" data-postid="106823" data-belowelement="comment-457101" data-respondelement="respond" data-replyto="Reply to Ooby" aria-label="Reply to Ooby">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-456687"> <article id="comment-456687" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d0fb05adc5ab9b0d6e92be2230749f0b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d0fb05adc5ab9b0d6e92be2230749f0b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">michael gloggnitzer</span> <span class="comment_date"> July 15, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>great update, really</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456687" data-commentid="456687" data-postid="106823" data-belowelement="comment-456687" data-respondelement="respond" data-replyto="Reply to michael gloggnitzer" aria-label="Reply to michael gloggnitzer">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-456281"> <article id="comment-456281" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Chris</span> <span class="comment_date"> July 13, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is great – thank you!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456281" data-commentid="456281" data-postid="106823" data-belowelement="comment-456281" data-respondelement="respond" data-replyto="Reply to Chris" aria-label="Reply to Chris">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-456162"> <article id="comment-456162" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/dd5f1af6975fc8d237e62c65db44cb06?s=50&r=g' srcset='https://secure.gravatar.com/avatar/dd5f1af6975fc8d237e62c65db44cb06?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">ALi</span> <span class="comment_date"> July 13, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Wow Awesome 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456162" data-commentid="456162" data-postid="106823" data-belowelement="comment-456162" data-respondelement="respond" data-replyto="Reply to ALi" aria-label="Reply to ALi">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-456128"> <article id="comment-456128" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Kelly</span> <span class="comment_date"> July 13, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I apologize, I’m a little confused — I’ve been using Divi less than a year now, know basic html and no css, and I don’t really speak webmaster jargon. </p> <p>My basic question is: Will this affect my existing modules if I update global styles, but that is not my intention to update all the modules of a particular type? I have a blog and my text, blurb, and button modules are all different based on the page/post, I don’t want them to be updated based on this and am afraid that it will do so. How do I avoid that?</p> <p>I think I understand how to apply it if I wanted to. But, let’s say I want to do both — update some modules and not others. How do I designate which ones to update and which ones not?</p> <p>I apologize if I missed something. Thanks for your assistance!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456128" data-commentid="456128" data-postid="106823" data-belowelement="comment-456128" data-respondelement="respond" data-replyto="Reply to Kelly" aria-label="Reply to Kelly">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-456108"> <article id="comment-456108" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d6b81863a2804caa120770828d12beef?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d6b81863a2804caa120770828d12beef?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Louis</span> <span class="comment_date"> July 13, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>with this new feature Divi proves once again that it is a pioneer in the WordPress industry! ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456108" data-commentid="456108" data-postid="106823" data-belowelement="comment-456108" data-respondelement="respond" data-replyto="Reply to Louis" aria-label="Reply to Louis">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-456091"> <article id="comment-456091" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6874914bf6f756849797997312d0125f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6874914bf6f756849797997312d0125f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">JCN</span> <span class="comment_date"> July 13, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is HUGE!!! Thank you!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456091" data-commentid="456091" data-postid="106823" data-belowelement="comment-456091" data-respondelement="respond" data-replyto="Reply to JCN" aria-label="Reply to JCN">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-456046"> <article id="comment-456046" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4bbc6849ba857fc8a8e84319e293430d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4bbc6849ba857fc8a8e84319e293430d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Praveen</span> <span class="comment_date"> July 13, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hi Nick,<br /> Each and every update of Divi is just awesome 🙂 it’s fun to design the websites now.<br /> I request if you could focus on adding some variations in Header, Footers & Navigations styles.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456046" data-commentid="456046" data-postid="106823" data-belowelement="comment-456046" data-respondelement="respond" data-replyto="Reply to Praveen" aria-label="Reply to Praveen">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455934"> <article id="comment-455934" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/580c373dd91d7d5faf50b5a5e5ccb3a0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/580c373dd91d7d5faf50b5a5e5ccb3a0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Comatose Arts</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Wow, Have loved Divi since the early days, wonderful work guys and gals</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455934" data-commentid="455934" data-postid="106823" data-belowelement="comment-455934" data-respondelement="respond" data-replyto="Reply to Comatose Arts" aria-label="Reply to Comatose Arts">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455871"> <article id="comment-455871" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d3c29487f8061c829c3510c2be94a269?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d3c29487f8061c829c3510c2be94a269?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jakub</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Absolutely great news! It was hard to keep even few pages consistent in term od design. Also hope that theme builder is very close, because I am waiting almost year for it. Keep the good work. Thanks.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455871" data-commentid="455871" data-postid="106823" data-belowelement="comment-455871" data-respondelement="respond" data-replyto="Reply to Jakub" aria-label="Reply to Jakub">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-455909"> <article id="comment-455909" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">richard Ginn</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I say it is coming soon. After the Woocommerce and Responsive content updates come out.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455909" data-commentid="455909" data-postid="106823" data-belowelement="comment-455909" data-respondelement="respond" data-replyto="Reply to richard Ginn" aria-label="Reply to richard Ginn">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455853"> <article id="comment-455853" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b5ecffeeb71bd1d83550a7badafd22d4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b5ecffeeb71bd1d83550a7badafd22d4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Petra</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Is there a way to put icon links in the menu?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455853" data-commentid="455853" data-postid="106823" data-belowelement="comment-455853" data-respondelement="respond" data-replyto="Reply to Petra" aria-label="Reply to Petra">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-b-j even depth-2 blog-author" id="li-comment-455869"> <article id="comment-455869" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b64525426a366471b8185fd63796ee3b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b64525426a366471b8185fd63796ee3b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">B.J. Keeton</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Sure is! 🙂 <a href="https://www.elegantthemes.com/blog/divi-resources/how-to-add-icons-to-the-divi-menu-divi-nation-short" rel="ugc">https://www.elegantthemes.com/blog/divi-resources/how-to-add-icons-to-the-divi-menu-divi-nation-short</a></p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455869" data-commentid="455869" data-postid="106823" data-belowelement="comment-455869" data-respondelement="respond" data-replyto="Reply to B.J. Keeton" aria-label="Reply to B.J. Keeton">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455837"> <article id="comment-455837" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/da16d31dbe98085b9784f1deb03405b4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/da16d31dbe98085b9784f1deb03405b4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Peter</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Unfortunately I can’t update to this version as there are major errors in the update which changed how columns work in rows which has still not been fixed in this latest update.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455837" data-commentid="455837" data-postid="106823" data-belowelement="comment-455837" data-respondelement="respond" data-replyto="Reply to Peter" aria-label="Reply to Peter">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455834"> <article id="comment-455834" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7bd573b331b471cb4b58a2bfa022bbe8?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7bd573b331b471cb4b58a2bfa022bbe8?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Luis</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is a game-changer!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455834" data-commentid="455834" data-postid="106823" data-belowelement="comment-455834" data-respondelement="respond" data-replyto="Reply to Luis" aria-label="Reply to Luis">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455823"> <article id="comment-455823" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f0c86c1065cefc3c7519e4d12c0924d5?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f0c86c1065cefc3c7519e4d12c0924d5?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Craig L</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Chris<br /> July 11, 2019<br /> This new feature needs some instruction. I get the general idea but say I<br /> Have a site built with Divi<br /> want to set up a default “look” for a button<br /> want to use my newly defined look for new content<br /> want to keep existing content the way it is now (some buttons are white, some are blue</p> <p>What’s the protocol to define the defaults without mucking up my site?</p> <p>Thnk you<br /> Chris</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455823" data-commentid="455823" data-postid="106823" data-belowelement="comment-455823" data-respondelement="respond" data-replyto="Reply to Craig L" aria-label="Reply to Craig L">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455812"> <article id="comment-455812" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d8520d919ac87ea8c2a98eb4b6f71060?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d8520d919ac87ea8c2a98eb4b6f71060?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Regine</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Oh, this is just perfect timing. I am just about to redesign a website due to logo and colour change! I will give it a go and hope it will make my life much easier. Thanks so much</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455812" data-commentid="455812" data-postid="106823" data-belowelement="comment-455812" data-respondelement="respond" data-replyto="Reply to Regine" aria-label="Reply to Regine">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455808"> <article id="comment-455808" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/203fb31a06f346f321e90fe3120ca985?s=50&r=g' srcset='https://secure.gravatar.com/avatar/203fb31a06f346f321e90fe3120ca985?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Vee</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Seems like a great update but what I want it to be able to set up layouts that then automatically deploy when I create something new. For example, I go to create a new page and automatically my, already set up, pay layout is there.</p> <p>I also notice speed issues. I am on superfast broadband, not using wi-fi and yet I constantly get the Divi Builder timeout warning. As for building on the front end, I have no chance. All our client sites are on dedicated hosting, so it’s not shared hosting to blame.</p> <p>I’ve got people in my ear telling me to switch to Elementor. I keep looking at it because Divi keeps having all these ‘amazing’ functions that I simply cannot use. And I have to rely on Divi Den Pro to create global footers and headers. Surely that’s a very basic thing that Divi lacks.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455808" data-commentid="455808" data-postid="106823" data-belowelement="comment-455808" data-respondelement="respond" data-replyto="Reply to Vee" aria-label="Reply to Vee">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-nathan-weller even depth-2 blog-author" id="li-comment-455862"> <article id="comment-455862" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ee178b37d5941f8edd7c831e0d025e65?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ee178b37d5941f8edd7c831e0d025e65?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nathan B. Weller</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This post should be helpful: <a href="https://www.elegantthemes.com/blog/divi-resources/speeding-up-your-divi-website" rel="ugc">https://www.elegantthemes.com/blog/divi-resources/speeding-up-your-divi-website</a></p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455862" data-commentid="455862" data-postid="106823" data-belowelement="comment-455862" data-respondelement="respond" data-replyto="Reply to Nathan B. Weller" aria-label="Reply to Nathan B. Weller">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455803"> <article id="comment-455803" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/bed62f499f3e2689f8b32dce8a8d5bcf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/bed62f499f3e2689f8b32dce8a8d5bcf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Paul T</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Really like this update – Set up H1-6 in text module – and want to apply these text defaults to all modules . First item – Blurb…..Some tabs in the Blurb module allow for Paste Style – but it doesn’t paste any of the styles from the text module? Even if you just copy the H4 Tab. Bug? or another way to do this, other that setting the Blurb Heading up from scratch? Shouldn’t all common module items allow interactive copy paste?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455803" data-commentid="455803" data-postid="106823" data-belowelement="comment-455803" data-respondelement="respond" data-replyto="Reply to Paul T" aria-label="Reply to Paul T">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455790"> <article id="comment-455790" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9b3474deeb9804107309f2429591725e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9b3474deeb9804107309f2429591725e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">vipin</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is amazing Nick! I wish I could get excited.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455790" data-commentid="455790" data-postid="106823" data-belowelement="comment-455790" data-respondelement="respond" data-replyto="Reply to vipin" aria-label="Reply to vipin">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455789"> <article id="comment-455789" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f1df28a5ae5f001500a12de41fb9e3b9?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f1df28a5ae5f001500a12de41fb9e3b9?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Paul Hooper</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>What a really superb innovation. This will save me time and make it much easier to maintain consistency of branding for my clients’ websites.<br /> Thank you Nick</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455789" data-commentid="455789" data-postid="106823" data-belowelement="comment-455789" data-respondelement="respond" data-replyto="Reply to Paul Hooper" aria-label="Reply to Paul Hooper">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455787"> <article id="comment-455787" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/86ff40223f549481ea935ff38672cc8d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/86ff40223f549481ea935ff38672cc8d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Monique</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Wow! This is so very nice. Saves me a lot of time 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455787" data-commentid="455787" data-postid="106823" data-belowelement="comment-455787" data-respondelement="respond" data-replyto="Reply to Monique" aria-label="Reply to Monique">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455786"> <article id="comment-455786" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/29436802bcdcb33a1ed4bef713cb11a0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/29436802bcdcb33a1ed4bef713cb11a0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Chris</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is kind of…. mind blowing.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455786" data-commentid="455786" data-postid="106823" data-belowelement="comment-455786" data-respondelement="respond" data-replyto="Reply to Chris" aria-label="Reply to Chris">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455784"> <article id="comment-455784" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/91826818a6b8347135a11a9ab98e2b24?s=50&r=g' srcset='https://secure.gravatar.com/avatar/91826818a6b8347135a11a9ab98e2b24?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">sami</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>power of divi</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455784" data-commentid="455784" data-postid="106823" data-belowelement="comment-455784" data-respondelement="respond" data-replyto="Reply to sami" aria-label="Reply to sami">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455780"> <article id="comment-455780" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fd13bd009e2a2fd0985497e938d6a594?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fd13bd009e2a2fd0985497e938d6a594?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Akhtar Ali</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>That is why Divi is leader and the best.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455780" data-commentid="455780" data-postid="106823" data-belowelement="comment-455780" data-respondelement="respond" data-replyto="Reply to Akhtar Ali" aria-label="Reply to Akhtar Ali">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455776"> <article id="comment-455776" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/96778380e4fdeead6257d0283bdf0730?s=50&r=g' srcset='https://secure.gravatar.com/avatar/96778380e4fdeead6257d0283bdf0730?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Kazimi</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Another amazing feature which is going to save a lot lot of time. Finally, making a style change on button will entirely change the style on the whole website. One of most amazing features I have seen. Keep it UP DIVI!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455776" data-commentid="455776" data-postid="106823" data-belowelement="comment-455776" data-respondelement="respond" data-replyto="Reply to Kazimi" aria-label="Reply to Kazimi">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455759"> <article id="comment-455759" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e196b86c6acb3b019725974f5516b183?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e196b86c6acb3b019725974f5516b183?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Mianne</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This really is fantastic to see and I have to say it’s been a long time coming!! The whole point of CSS to start with, was to provide a central formatting point allowing for site wide styling. Up until now, Divi has been a bit of a pain on this front, but hopefully this will now address those issues.<br /> I’m looking forward to giving it a try.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455759" data-commentid="455759" data-postid="106823" data-belowelement="comment-455759" data-respondelement="respond" data-replyto="Reply to Mianne" aria-label="Reply to Mianne">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455752"> <article id="comment-455752" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b3c049b793e969000c9df8e68e6335c7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b3c049b793e969000c9df8e68e6335c7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Bjarne Oldrup</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Best update ever!</p> <p>How is the Filter > View Modified Styles option working with the Global Styles. Will it be possible to view and remove any or all global styling easily?</p> <p>@oldrup</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455752" data-commentid="455752" data-postid="106823" data-belowelement="comment-455752" data-respondelement="respond" data-replyto="Reply to Bjarne Oldrup" aria-label="Reply to Bjarne Oldrup">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-admin bypostauthor odd alt depth-2 blog-author" id="li-comment-455806"> <article id="comment-455806" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>If you are editing a module’s defaults, you can use the Modified Styles filter to see all of your modified default values. If you are customizing an individual module, then the Modified Styles filter will not return default values since they are not modified in that context.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455806" data-commentid="455806" data-postid="106823" data-belowelement="comment-455806" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-456671"> <article id="comment-456671" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b3c049b793e969000c9df8e68e6335c7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b3c049b793e969000c9df8e68e6335c7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Bjarne Oldrup</span> <span class="comment_date"> July 15, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Performed a thorough test, and learned that “Default Styling” is a much safer way to implement global styling than the Global Modules and Selective Sync combo, which surely still has its special uses – no doubt about that – but also is fragile to not so tech savy content creators, who might drag extensive padding into a module by accident and apply it site wide (yeah, there was some panic – but thank you for the “Modified Styles” filter)</p> <p>The distinkt global tab, the gray colors, the “are you sure” warning, and not the mention the very well built default layout history view that allows to roll back changes, are really well built. Good job!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456671" data-commentid="456671" data-postid="106823" data-belowelement="comment-456671" data-respondelement="respond" data-replyto="Reply to Bjarne Oldrup" aria-label="Reply to Bjarne Oldrup">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455749"> <article id="comment-455749" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ce434410d0e3c7f853992b1f7354f062?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ce434410d0e3c7f853992b1f7354f062?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Aurélien</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Awesome !!!</p> <p>Do you plan to split the css and js to extract woocommerce feature in order to speed up browser loading time ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455749" data-commentid="455749" data-postid="106823" data-belowelement="comment-455749" data-respondelement="respond" data-replyto="Reply to Aurélien" aria-label="Reply to Aurélien">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-456635"> <article id="comment-456635" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e5377e07776ebe6a9a7a0f5863b73fa6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e5377e07776ebe6a9a7a0f5863b73fa6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Margarida Fernandes</span> <span class="comment_date"> July 15, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is my Number 1 priority. By giving the users the chance to choose whether to load CSS and JS for woocommerce.<br /> I use Divi in 4 non Woocommerce websites and I would love to be able to choose not to load JS and CSS doe woocommerce so that all CSS and JS would be more light weighted.<br /> Also do the same for Portfolio? This would also be amazing!</p> <p>That way we would just load what we were using.<br /> Any thoughts about implementing this kind of feature for the near future?</p> <p>And thanks for all the continuity in always developing better features.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456635" data-commentid="456635" data-postid="106823" data-belowelement="comment-456635" data-respondelement="respond" data-replyto="Reply to Margarida Fernandes" aria-label="Reply to Margarida Fernandes">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455747"> <article id="comment-455747" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b8dcaa29dff04b05e41a5b9d010b0551?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b8dcaa29dff04b05e41a5b9d010b0551?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jim Monkhouse</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This looks awesome. Thanks so much for investing your time in improving divi! Now all we needs the header and theme builder and they’ll never be a reason to use any other theme</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455747" data-commentid="455747" data-postid="106823" data-belowelement="comment-455747" data-respondelement="respond" data-replyto="Reply to Jim Monkhouse" aria-label="Reply to Jim Monkhouse">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455744"> <article id="comment-455744" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Stephen Vaughan</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>From what I can see, if any existing modules have custom settings changes to the defaults don’t propagate to these. It was a little confusing when testing at first.</p> <p> For example, when testing on one of the permafrost layouts I changed the icon size of a blurb and the others in the group weren’t changing? I am guessing because icon colour was customised already across that group of blurbs. </p> <p>It’s one of those Divi updates that takes a little bit of getting used to. ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455744" data-commentid="455744" data-postid="106823" data-belowelement="comment-455744" data-respondelement="respond" data-replyto="Reply to Stephen Vaughan" aria-label="Reply to Stephen Vaughan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-455802"> <article id="comment-455802" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Stephen Vaughan</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>The permafrost layout is not available anymore due to climate change. ?</p> <p>Use a pre-made one instead,</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455802" data-commentid="455802" data-postid="106823" data-belowelement="comment-455802" data-respondelement="respond" data-replyto="Reply to Stephen Vaughan" aria-label="Reply to Stephen Vaughan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455735"> <article id="comment-455735" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/21dc592a66adb177563f13fcdb119ab4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/21dc592a66adb177563f13fcdb119ab4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Herre</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>For sure this sounds like a huge time saver and also helps us … this also gives us a great way to set H1..H6 finally site wide… even with the media queries for desktop / tablet / mobile…. </p> <p>Thank you for this great update</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455735" data-commentid="455735" data-postid="106823" data-belowelement="comment-455735" data-respondelement="respond" data-replyto="Reply to Herre" aria-label="Reply to Herre">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455734"> <article id="comment-455734" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/21dc592a66adb177563f13fcdb119ab4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/21dc592a66adb177563f13fcdb119ab4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Herre</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>For sure this sounds like a huge time saver and also helps us … this also gives us a great way to set H1..H6 finally site wide… even with the media queries for desktop / tablet / mobile…. </p> <p>Thank you for this great update</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455734" data-commentid="455734" data-postid="106823" data-belowelement="comment-455734" data-respondelement="respond" data-replyto="Reply to Herre" aria-label="Reply to Herre">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455706"> <article id="comment-455706" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3748b584679856964fee9464293b64b4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3748b584679856964fee9464293b64b4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">zeeshan alam</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Wow thats amazing feature, i am a Divi theme User and Love to use it for my Website. This feature will make Divi website more Looking Good<br /> Thanks</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455706" data-commentid="455706" data-postid="106823" data-belowelement="comment-455706" data-respondelement="respond" data-replyto="Reply to zeeshan alam" aria-label="Reply to zeeshan alam">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455696"> <article id="comment-455696" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Samar Jamil</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Finally!<br /> We are close to WooCommerce/theme builder right?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455696" data-commentid="455696" data-postid="106823" data-belowelement="comment-455696" data-respondelement="respond" data-replyto="Reply to Samar Jamil" aria-label="Reply to Samar Jamil">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455695"> <article id="comment-455695" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ryan</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Can you export global default settings?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455695" data-commentid="455695" data-postid="106823" data-belowelement="comment-455695" data-respondelement="respond" data-replyto="Reply to Ryan" aria-label="Reply to Ryan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455676"> <article id="comment-455676" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/594c0d0620a4f9ac1d7ebc5be8ea8d6e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/594c0d0620a4f9ac1d7ebc5be8ea8d6e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jonathan Rosenberg</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great Update Nick. Really useful Features! Divi evolves alot since last year.<br /> Keep the momentum going!</p> <p>I hope some Day there will be global / Site wide Text Edits possible.<br /> Basically Text extracted editor view for translations or quick edits in sublime text and also css all at once as well.</p> <p>Best regards<br /> Jonathan</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455676" data-commentid="455676" data-postid="106823" data-belowelement="comment-455676" data-respondelement="respond" data-replyto="Reply to Jonathan Rosenberg" aria-label="Reply to Jonathan Rosenberg">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455674"> <article id="comment-455674" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">David</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great work again Divi team. Just wondering if there’s any update about bringing support for SRCSET in Divi/Extra? Pleassseeeee</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455674" data-commentid="455674" data-postid="106823" data-belowelement="comment-455674" data-respondelement="respond" data-replyto="Reply to David" aria-label="Reply to David">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-456582"> <article id="comment-456582" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/27dd7dc27f3cd7b49274e5c750910429?s=50&r=g' srcset='https://secure.gravatar.com/avatar/27dd7dc27f3cd7b49274e5c750910429?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Frank</span> <span class="comment_date"> July 15, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>+ 1</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456582" data-commentid="456582" data-postid="106823" data-belowelement="comment-456582" data-respondelement="respond" data-replyto="Reply to Frank" aria-label="Reply to Frank">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455669"> <article id="comment-455669" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e8edfeb517e699193c35e7e50972f344?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e8edfeb517e699193c35e7e50972f344?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Chris</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This new feature needs some instruction. I get the general idea but say I<br /> Have a site built with Divi<br /> want to set up a default “look” for a button<br /> want to use my newly defined look for new content<br /> want to keep existing content the way it is now (some buttons are white, some are blue</p> <p>What’s the protocol to define the defaults without mucking up my site?</p> <p>Thnk you<br /> Chris</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455669" data-commentid="455669" data-postid="106823" data-belowelement="comment-455669" data-respondelement="respond" data-replyto="Reply to Chris" aria-label="Reply to Chris">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-455817"> <article id="comment-455817" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d219bcb56c57a9e12ef5ecffcf67c12e?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d219bcb56c57a9e12ef5ecffcf67c12e?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Craig</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>the settings affect all default settings in the modules, so, if you change a setting in a module and make it default, then it changes all other modules with that default setting…. if a module has already had the default setting changed then it is no longer a default setting and your own custom setting which is not effected.</p> <p>so, module A has custom background color + custom h1 size<br /> module B has custom background + custom h1 + custom padding<br /> you make module B global default<br /> module A background color + h1 will not be effected, padding will be as it had not already been changed from default.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455817" data-commentid="455817" data-postid="106823" data-belowelement="comment-455817" data-respondelement="respond" data-replyto="Reply to Craig" aria-label="Reply to Craig">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-2" id="li-comment-455751"> <article id="comment-455751" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/96d7401af4e06f040e3fb846f261c41a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/96d7401af4e06f040e3fb846f261c41a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">DebG.</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>+1<br /> Yes, I need clarity on this, too.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455751" data-commentid="455751" data-postid="106823" data-belowelement="comment-455751" data-respondelement="respond" data-replyto="Reply to DebG." aria-label="Reply to DebG.">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455651"> <article id="comment-455651" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3481027e6eff43f332bd82b72ac40506?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3481027e6eff43f332bd82b72ac40506?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Xavier</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is fantastic. I’ve been waiting for those features since Day 1, well done! 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455651" data-commentid="455651" data-postid="106823" data-belowelement="comment-455651" data-respondelement="respond" data-replyto="Reply to Xavier" aria-label="Reply to Xavier">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455644"> <article id="comment-455644" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7806919e519aba0ab529aa2c8bbecdd0?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7806919e519aba0ab529aa2c8bbecdd0?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Garet</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Just when I began to think maybe things were a bit too quiet from Elegant, and the blog roll a little too filled with self-help fodder…WHAM! Amazing. Look forward to the next year with you. Just keep an eye on any page bloat and performance issues please.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455644" data-commentid="455644" data-postid="106823" data-belowelement="comment-455644" data-respondelement="respond" data-replyto="Reply to Garet" aria-label="Reply to Garet">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455642"> <article id="comment-455642" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/508aebf3c7b3f4703b2e29c335655d65?s=50&r=g' srcset='https://secure.gravatar.com/avatar/508aebf3c7b3f4703b2e29c335655d65?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Todd Trigsted</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Yes!!!! Great work team!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455642" data-commentid="455642" data-postid="106823" data-belowelement="comment-455642" data-respondelement="respond" data-replyto="Reply to Todd Trigsted" aria-label="Reply to Todd Trigsted">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455636"> <article id="comment-455636" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/333aed98af067167e79bd60a9272e8b6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/333aed98af067167e79bd60a9272e8b6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">David</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great work, divi</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455636" data-commentid="455636" data-postid="106823" data-belowelement="comment-455636" data-respondelement="respond" data-replyto="Reply to David" aria-label="Reply to David">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455635"> <article id="comment-455635" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/9882f5da3e4a6cb7a590438213643d33?s=50&r=g' srcset='https://secure.gravatar.com/avatar/9882f5da3e4a6cb7a590438213643d33?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Zbyszek</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is reason why I love Divi stronger everyday 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455635" data-commentid="455635" data-postid="106823" data-belowelement="comment-455635" data-respondelement="respond" data-replyto="Reply to Zbyszek" aria-label="Reply to Zbyszek">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455633"> <article id="comment-455633" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c368e38324c6cf2831546dd47d9c2fdc?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c368e38324c6cf2831546dd47d9c2fdc?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Gareth</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Looks great! </p> <p>Was hoping this would also be the update to globally add a colour palette when using the standalone Divi plugin. You can already add a global colour palette in Divi theme but with the plugin this has to be done on a per page basis. Is this close?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455633" data-commentid="455633" data-postid="106823" data-belowelement="comment-455633" data-respondelement="respond" data-replyto="Reply to Gareth" aria-label="Reply to Gareth">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455632"> <article id="comment-455632" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/184149e6d3779731ea528ec3646776c4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/184149e6d3779731ea528ec3646776c4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">James Turner</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I am already updating my “base” set up for new websites using this fantastic new feature. Thank you for saving me a lot of time!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455632" data-commentid="455632" data-postid="106823" data-belowelement="comment-455632" data-respondelement="respond" data-replyto="Reply to James Turner" aria-label="Reply to James Turner">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455620"> <article id="comment-455620" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4da1e82fbca17863cd750d134a3613a3?s=50&r=g' srcset='https://secure.gravatar.com/avatar/4da1e82fbca17863cd750d134a3613a3?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Suzi</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Trying it out today on my Dev sites. I’m excited. You guys are always innovating and working to make our lives easier. Thank you Divi!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455620" data-commentid="455620" data-postid="106823" data-belowelement="comment-455620" data-respondelement="respond" data-replyto="Reply to Suzi" aria-label="Reply to Suzi">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455619"> <article id="comment-455619" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Peter R</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This looks promising but right now its effects are too broad. Often a single module type like the blurb is styled in multiple different ways in the same site, so having a single global is not very useful. This feature will however become useful once we can apply global defaults to different groups of the same module type… which I believe is the class based system mentioned by Nick. Please hurry up with the class based version so we can take full advantage of this.</p> <p>It’s the same as the dynamic data feature release which also is of little use until ET releases the LOOOOOOOOONG awaited Theme Builder(Please please please have dynamic content loops and robust conditional display options out of the gate…. PLEASE!)</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455619" data-commentid="455619" data-postid="106823" data-belowelement="comment-455619" data-respondelement="respond" data-replyto="Reply to Peter R" aria-label="Reply to Peter R">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-455854"> <article id="comment-455854" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2bb768ecbfb933f66ec662f95b4367a1?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2bb768ecbfb933f66ec662f95b4367a1?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Francisco R.</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>+9999999999999999999999999999</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455854" data-commentid="455854" data-postid="106823" data-belowelement="comment-455854" data-respondelement="respond" data-replyto="Reply to Francisco R." aria-label="Reply to Francisco R.">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-2" id="li-comment-455670"> <article id="comment-455670" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e8edfeb517e699193c35e7e50972f344?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e8edfeb517e699193c35e7e50972f344?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Chris</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I agree. This could be a problem if the site is already built.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455670" data-commentid="455670" data-postid="106823" data-belowelement="comment-455670" data-respondelement="respond" data-replyto="Reply to Chris" aria-label="Reply to Chris">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-455750"> <article id="comment-455750" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/96d7401af4e06f040e3fb846f261c41a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/96d7401af4e06f040e3fb846f261c41a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">DebG.</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Yes, kinda concerned with what Global Defaults will do to modules, etc. already built on an older site. How can you keep some, specific modules “customized” while still being able to change the majority site-wide? A little unclear on this.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455750" data-commentid="455750" data-postid="106823" data-belowelement="comment-455750" data-respondelement="respond" data-replyto="Reply to DebG." aria-label="Reply to DebG.">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455617"> <article id="comment-455617" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ebf15f5bf8e2eb81bb11a05d28f988cc?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ebf15f5bf8e2eb81bb11a05d28f988cc?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Web Infinity NZ</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Fantastic update.</p> <p>I’d love to get some hints about how this classed based system will work.</p> <p>I’m guessing it will expand the new global defaults, so we can have multiple defaults for each module type. E.G. ‘Text Module Default 1’ ‘Text Module Default 2’ etc, then we can apply these different defaults to whatever text modules.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455617" data-commentid="455617" data-postid="106823" data-belowelement="comment-455617" data-respondelement="respond" data-replyto="Reply to Web Infinity NZ" aria-label="Reply to Web Infinity NZ">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-admin bypostauthor even depth-2 blog-author" id="li-comment-455652"> <article id="comment-455652" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Exactly 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455652" data-commentid="455652" data-postid="106823" data-belowelement="comment-455652" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-456636"> <article id="comment-456636" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/e5377e07776ebe6a9a7a0f5863b73fa6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/e5377e07776ebe6a9a7a0f5863b73fa6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Margarida</span> <span class="comment_date"> July 15, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>How exactly will that work?<br /> Should we change the Module Name? Instead of Leaving it named “Button”, could we change it to “Button Style 1” and “Button Style 2”, and then all modules named “Button Style 1” would have this style by default?<br /> Can you expand a little more on this?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456636" data-commentid="456636" data-postid="106823" data-belowelement="comment-456636" data-respondelement="respond" data-replyto="Reply to Margarida" aria-label="Reply to Margarida">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-3" id="li-comment-456107"> <article id="comment-456107" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d6b81863a2804caa120770828d12beef?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d6b81863a2804caa120770828d12beef?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Louis</span> <span class="comment_date"> July 13, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I thought of this possibility to decline several defaults settings, it will be really fantastic! ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456107" data-commentid="456107" data-postid="106823" data-belowelement="comment-456107" data-respondelement="respond" data-replyto="Reply to Louis" aria-label="Reply to Louis">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-3" id="li-comment-455800"> <article id="comment-455800" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/bed62f499f3e2689f8b32dce8a8d5bcf?s=50&r=g' srcset='https://secure.gravatar.com/avatar/bed62f499f3e2689f8b32dce8a8d5bcf?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Paul T</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>As soon as I saw this I thought the same – that will be excellent!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455800" data-commentid="455800" data-postid="106823" data-belowelement="comment-455800" data-respondelement="respond" data-replyto="Reply to Paul T" aria-label="Reply to Paul T">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-3" id="li-comment-455748"> <article id="comment-455748" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/96d7401af4e06f040e3fb846f261c41a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/96d7401af4e06f040e3fb846f261c41a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">DebG.</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Gosh! That’s exactly what I was hoping for! Feel like I should wait to implement any of these new Global Defaults until this is added.</p> <p>P.S. any way to be able to subscribe to comments, or more specifically, a comment’s replies on this site? Thanks!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455748" data-commentid="455748" data-postid="106823" data-belowelement="comment-455748" data-respondelement="respond" data-replyto="Reply to DebG." aria-label="Reply to DebG.">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-3" id="li-comment-455708"> <article id="comment-455708" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ebf15f5bf8e2eb81bb11a05d28f988cc?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ebf15f5bf8e2eb81bb11a05d28f988cc?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Web Infinity NZ</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455708" data-commentid="455708" data-postid="106823" data-belowelement="comment-455708" data-respondelement="respond" data-replyto="Reply to Web Infinity NZ" aria-label="Reply to Web Infinity NZ">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-3" id="li-comment-455694"> <article id="comment-455694" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ryan</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>That’s super exciting—can’t wait for that sneak peek!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455694" data-commentid="455694" data-postid="106823" data-belowelement="comment-455694" data-respondelement="respond" data-replyto="Reply to Ryan" aria-label="Reply to Ryan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455612"> <article id="comment-455612" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/8c792b9d3aeb763995893e26cfba2023?s=50&r=g' srcset='https://secure.gravatar.com/avatar/8c792b9d3aeb763995893e26cfba2023?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Gokhan Taysi</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Philosophers and words on one side of the world.. On this side are those who work and succeed. Thank you Nick</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455612" data-commentid="455612" data-postid="106823" data-belowelement="comment-455612" data-respondelement="respond" data-replyto="Reply to Gokhan Taysi" aria-label="Reply to Gokhan Taysi">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455608"> <article id="comment-455608" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6659c1dbe5691d78bd047509d3be451a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/6659c1dbe5691d78bd047509d3be451a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Maureen</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I appreciate that all of you on the ET Team are not resting on your laurels, but are constantly improving, refining, adding to the Divi Theme. The trick is for me to keep up with it all, learning and implementing it all. THANK YOU for all the efforts you put into this.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455608" data-commentid="455608" data-postid="106823" data-belowelement="comment-455608" data-respondelement="respond" data-replyto="Reply to Maureen" aria-label="Reply to Maureen">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455606"> <article id="comment-455606" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0d4167f26ec34482da8fd96201c5abe4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0d4167f26ec34482da8fd96201c5abe4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Tony Reidsma</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Most of my sites are hosted on Midphase, and lately I’ve been having issues ONLY with the DIVI theme, so when I contacted Midphase they said that their servers block DIVI because it’s been known to be hacked often. </p> <p>The issue I have is that when I install DIVI to start building a site, and when I use the visual builder, I’m immediately locked out and can’t do anything. I have to contact Midphase and ask them to unlock / unblock me, then I can work on it for a while, and then I’m blocked again….</p> <p>Next time it happens I’ll ask you for help to see if you can work with me to fix this issue.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455606" data-commentid="455606" data-postid="106823" data-belowelement="comment-455606" data-respondelement="respond" data-replyto="Reply to Tony Reidsma" aria-label="Reply to Tony Reidsma">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-455647"> <article id="comment-455647" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">richard Ginn</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Could it be time to dump Midphase and move over to a new host???</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455647" data-commentid="455647" data-postid="106823" data-belowelement="comment-455647" data-respondelement="respond" data-replyto="Reply to richard Ginn" aria-label="Reply to richard Ginn">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment byuser comment-author-admin bypostauthor odd alt depth-2 blog-author" id="li-comment-455611"> <article id="comment-455611" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>That’s very strange. There are no known security issues with Divi. We take security very seriously and are quick to fix vulnerabilities and notify are customers when we do so. I like to suggest SiteGround hosting if you are interesting in trying some new. Midphase doesn’t seem to be that great based on their own <a href="https://www.trustpilot.com/review/www.midphase.com?utm_medium=trustbox&utm_source=Carousel" rel="nofollow">reviews</a>.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455611" data-commentid="455611" data-postid="106823" data-belowelement="comment-455611" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-455866"> <article id="comment-455866" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Arby</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I would recommend SiteGround too, except they refuse to increase some of the PHP variable settings to match what YOU (ET) recommend for Divi. So… that’s a problem! I get tons of timeout errors when saving changes, ever since, around last December.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455866" data-commentid="455866" data-postid="106823" data-belowelement="comment-455866" data-respondelement="respond" data-replyto="Reply to Arby" aria-label="Reply to Arby">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-3" id="li-comment-455657"> <article id="comment-455657" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0d4167f26ec34482da8fd96201c5abe4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0d4167f26ec34482da8fd96201c5abe4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Tony Reidsma</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Thanks Nick. I stick with Midphase simply because I’ve never had any issues (other than recently and only with DIVI), and any time I need their help, there is always someone there to chat with.</p> <p>Anyway, I’ll have a look at siteground</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455657" data-commentid="455657" data-postid="106823" data-belowelement="comment-455657" data-respondelement="respond" data-replyto="Reply to Tony Reidsma" aria-label="Reply to Tony Reidsma">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-4" id="li-comment-455681"> <article id="comment-455681" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/b8a7383fb39914dd0b0c40a766414a78?s=50&r=g' srcset='https://secure.gravatar.com/avatar/b8a7383fb39914dd0b0c40a766414a78?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">WILBERTH MARTINEZ S</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I highly recommend you go to SiteGround, by far the best Hosting to work not only with Divi, but with everything.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455681" data-commentid="455681" data-postid="106823" data-belowelement="comment-455681" data-respondelement="respond" data-replyto="Reply to WILBERTH MARTINEZ S" aria-label="Reply to WILBERTH MARTINEZ S">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-5" id="li-comment-455764"> <article id="comment-455764" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7838121646347c6412eb0e602ad2298f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7838121646347c6412eb0e602ad2298f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jorg</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>SiteGround is OK, but limited when it comes to traffic. WPengine is the real stuff for professionals.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455764" data-commentid="455764" data-postid="106823" data-belowelement="comment-455764" data-respondelement="respond" data-replyto="Reply to Jorg" aria-label="Reply to Jorg">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-6" id="li-comment-455865"> <article id="comment-455865" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/7bd573b331b471cb4b58a2bfa022bbe8?s=50&r=g' srcset='https://secure.gravatar.com/avatar/7bd573b331b471cb4b58a2bfa022bbe8?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Luis G</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Just curious Jorg… what does hosting have to do with traffic… other than load time?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455865" data-commentid="455865" data-postid="106823" data-belowelement="comment-455865" data-respondelement="respond" data-replyto="Reply to Luis G" aria-label="Reply to Luis G">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt depth-2" id="li-comment-455607"> <article id="comment-455607" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0d4167f26ec34482da8fd96201c5abe4?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0d4167f26ec34482da8fd96201c5abe4?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Tony Reidsma</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I failed to say I stick with DIVI simply because you do so many great updates, and make my life easier… when the theme behaves with my host.</p> <p>Keep up the great work!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455607" data-commentid="455607" data-postid="106823" data-belowelement="comment-455607" data-respondelement="respond" data-replyto="Reply to Tony Reidsma" aria-label="Reply to Tony Reidsma">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455595"> <article id="comment-455595" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ray Katz</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is brilliant! But I’m going to have to take a day or two to get my head around it—the possibilities are endless! Thanks, again.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455595" data-commentid="455595" data-postid="106823" data-belowelement="comment-455595" data-respondelement="respond" data-replyto="Reply to Ray Katz" aria-label="Reply to Ray Katz">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455592"> <article id="comment-455592" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c0a52474183fee7336db50d60ef60c87?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c0a52474183fee7336db50d60ef60c87?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jurij</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This update is really cool. the power of Divi is also in frequent updates. Nick, look forward to the theme builder. When this update is released, Divi will be the most powerful product and I will dedicate a monument to you.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455592" data-commentid="455592" data-postid="106823" data-belowelement="comment-455592" data-respondelement="respond" data-replyto="Reply to Jurij" aria-label="Reply to Jurij">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455591"> <article id="comment-455591" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Drake</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hey Nick and all the team this is a great news! Looking forward to see this new system expanded even more with the possibility to create library of multiple styles for each Divi elements. And don’t forget WooCommerce template improvements we have exciting projects in the pipeline and I hope we will be able to use the new features soon. Thank you for the improvements!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455591" data-commentid="455591" data-postid="106823" data-belowelement="comment-455591" data-respondelement="respond" data-replyto="Reply to Drake" aria-label="Reply to Drake">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455590"> <article id="comment-455590" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Aaron</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I LOVE where this is going! Great work teams!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455590" data-commentid="455590" data-postid="106823" data-belowelement="comment-455590" data-respondelement="respond" data-replyto="Reply to Aaron" aria-label="Reply to Aaron">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455588"> <article id="comment-455588" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/447b306b62775647a724bd232858ff40?s=50&r=g' srcset='https://secure.gravatar.com/avatar/447b306b62775647a724bd232858ff40?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jordan Wollman</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Cool. But what about the promised theme builder and WooCommerce pages?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455588" data-commentid="455588" data-postid="106823" data-belowelement="comment-455588" data-respondelement="respond" data-replyto="Reply to Jordan Wollman" aria-label="Reply to Jordan Wollman">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-455810"> <article id="comment-455810" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/84eba1abc8450cd475ea367f3de0d729?s=50&r=g' srcset='https://secure.gravatar.com/avatar/84eba1abc8450cd475ea367f3de0d729?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Vee</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>+1 for being able to make WooCommerce look not so ‘out of the box’ 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455810" data-commentid="455810" data-postid="106823" data-belowelement="comment-455810" data-respondelement="respond" data-replyto="Reply to Vee" aria-label="Reply to Vee">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455586"> <article id="comment-455586" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/5e63115b7ad1248c4c99a17b896b4cab?s=50&r=g' srcset='https://secure.gravatar.com/avatar/5e63115b7ad1248c4c99a17b896b4cab?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Andrea Gatley</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is going to be business altering for sure. What a fantastic change! Thank you so much. Looking forward to making some much needed global changes on a few sites.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455586" data-commentid="455586" data-postid="106823" data-belowelement="comment-455586" data-respondelement="respond" data-replyto="Reply to Andrea Gatley" aria-label="Reply to Andrea Gatley">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455584"> <article id="comment-455584" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/928eaa816bb294fc32dba769e8c1a69c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/928eaa816bb294fc32dba769e8c1a69c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Melissa Doyle</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This looks great for the Premade Layouts especially. I just did a few pages of the ‘Fashion’ Layout Pack, and can’t seem to change any global button background colors. Hmmm…</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455584" data-commentid="455584" data-postid="106823" data-belowelement="comment-455584" data-respondelement="respond" data-replyto="Reply to Melissa Doyle" aria-label="Reply to Melissa Doyle">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455581"> <article id="comment-455581" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/24b3eb905dc1439c68dd3925c25851fe?s=50&r=g' srcset='https://secure.gravatar.com/avatar/24b3eb905dc1439c68dd3925c25851fe?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jeff Litcofsky</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Whoop there it is! Nice work team Divi!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455581" data-commentid="455581" data-postid="106823" data-belowelement="comment-455581" data-respondelement="respond" data-replyto="Reply to Jeff Litcofsky" aria-label="Reply to Jeff Litcofsky">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455580"> <article id="comment-455580" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0480655a48c2e85235b5d4c93cdb3053?s=50&r=g' srcset='https://secure.gravatar.com/avatar/0480655a48c2e85235b5d4c93cdb3053?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Rodrigo Gonzalez Bunster</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Very Great!! Less hours, more margins.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455580" data-commentid="455580" data-postid="106823" data-belowelement="comment-455580" data-respondelement="respond" data-replyto="Reply to Rodrigo Gonzalez Bunster" aria-label="Reply to Rodrigo Gonzalez Bunster">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455579"> <article id="comment-455579" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Mohammad Sobhy</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>hello nick thanks for this update<br /> i feel no one notice this 😀 😀 (joke)<br /> great work from elegant team<br /> thanks at all</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455579" data-commentid="455579" data-postid="106823" data-belowelement="comment-455579" data-respondelement="respond" data-replyto="Reply to Mohammad Sobhy" aria-label="Reply to Mohammad Sobhy">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455578"> <article id="comment-455578" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nelson Lee Miller</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Looks helpful for design efficiency! You mentioned it will replace the Module Customizer, but I believe it will also replace a lot of other settings in the Customizer as well.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455578" data-commentid="455578" data-postid="106823" data-belowelement="comment-455578" data-respondelement="respond" data-replyto="Reply to Nelson Lee Miller" aria-label="Reply to Nelson Lee Miller">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-admin bypostauthor even depth-2 blog-author" id="li-comment-455582"> <article id="comment-455582" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Not yet, but it will with a future update as Theme Customizer settings are moved into the Visual Builder page settings.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455582" data-commentid="455582" data-postid="106823" data-belowelement="comment-455582" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-455597"> <article id="comment-455597" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fc365ebb461ada8b0afc3232d89ee6c6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fc365ebb461ada8b0afc3232d89ee6c6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">John Donnellon</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This sounds interesting</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455597" data-commentid="455597" data-postid="106823" data-belowelement="comment-455597" data-respondelement="respond" data-replyto="Reply to John Donnellon" aria-label="Reply to John Donnellon">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-3" id="li-comment-455596"> <article id="comment-455596" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">richard Ginn</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>HMMMM that will be interesting.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455596" data-commentid="455596" data-postid="106823" data-belowelement="comment-455596" data-respondelement="respond" data-replyto="Reply to richard Ginn" aria-label="Reply to richard Ginn">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-3" id="li-comment-455585"> <article id="comment-455585" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1b43d7bdb470015380e85131d39077c8?s=50&r=g' srcset='https://secure.gravatar.com/avatar/1b43d7bdb470015380e85131d39077c8?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Michael McHugh</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hi Nick… So, how does Global Defaults interact with the Theme Customizer settings today?</p> <p>Does one override the other by default, and if so, which does?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455585" data-commentid="455585" data-postid="106823" data-belowelement="comment-455585" data-respondelement="respond" data-replyto="Reply to Michael McHugh" aria-label="Reply to Michael McHugh">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-admin bypostauthor even depth-4 blog-author" id="li-comment-455600"> <article id="comment-455600" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>The builder will overwrite the Theme Customizer, so nothing has changed there.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455600" data-commentid="455600" data-postid="106823" data-belowelement="comment-455600" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-5" id="li-comment-455615"> <article id="comment-455615" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1b43d7bdb470015380e85131d39077c8?s=50&r=g' srcset='https://secure.gravatar.com/avatar/1b43d7bdb470015380e85131d39077c8?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Michael McHugh</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great. Thanks for clarifying. Looking forward to the extended styles-based defaults even more!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455615" data-commentid="455615" data-postid="106823" data-belowelement="comment-455615" data-respondelement="respond" data-replyto="Reply to Michael McHugh" aria-label="Reply to Michael McHugh">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-6" id="li-comment-456548"> <article id="comment-456548" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/27dd7dc27f3cd7b49274e5c750910429?s=50&r=g' srcset='https://secure.gravatar.com/avatar/27dd7dc27f3cd7b49274e5c750910429?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Frank</span> <span class="comment_date"> July 14, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>@Nick Roach – Can you tell if the CSS class/ID style system will be released soon? I think this is essential to have, since this current Global defaults feature is too limited and does not allow to have global styling on different versions of modules. Many of us have been waiting for an extended, ‘true’ global style system for a long time. Thanks</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-456548" data-commentid="456548" data-postid="106823" data-belowelement="comment-456548" data-respondelement="respond" data-replyto="Reply to Frank" aria-label="Reply to Frank">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455577"> <article id="comment-455577" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d9e6ff0599ff9a224078987c22879e73?s=50&r=g' srcset='https://secure.gravatar.com/avatar/d9e6ff0599ff9a224078987c22879e73?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">John Wooten</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great update! ? ?? ?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455577" data-commentid="455577" data-postid="106823" data-belowelement="comment-455577" data-respondelement="respond" data-replyto="Reply to John Wooten" aria-label="Reply to John Wooten">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455576"> <article id="comment-455576" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/baea9cd65c5b3486aaa8fcbf116983a2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/baea9cd65c5b3486aaa8fcbf116983a2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Paula</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is amazing news! Great stuff guys. Can’t wait to start rolling out global changes even quicker 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455576" data-commentid="455576" data-postid="106823" data-belowelement="comment-455576" data-respondelement="respond" data-replyto="Reply to Paula" aria-label="Reply to Paula">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455575"> <article id="comment-455575" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fc365ebb461ada8b0afc3232d89ee6c6?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fc365ebb461ada8b0afc3232d89ee6c6?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">John Donnellon</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Definite game changer! This is a welcome and much needed update. Not quite the Theme Builder that we are all waiting for, but a HUGE time saver nonetheless. Thank you ET for your continuous stream of improvements. Divi is the best value you’ll find anywhere in WP development frameworks!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455575" data-commentid="455575" data-postid="106823" data-belowelement="comment-455575" data-respondelement="respond" data-replyto="Reply to John Donnellon" aria-label="Reply to John Donnellon">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455574"> <article id="comment-455574" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/52a3e4dc4dc93e677695a70e60ce218f?s=50&r=g' srcset='https://secure.gravatar.com/avatar/52a3e4dc4dc93e677695a70e60ce218f?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Pat</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hi,</p> <p>Sounds good.<br /> What about the integration with Toolset plugins?<br /> I’m a Divi + Toolset user and would like to have the assurance that both will continue to work together.<br /> Thanks<br /> Pat</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455574" data-commentid="455574" data-postid="106823" data-belowelement="comment-455574" data-respondelement="respond" data-replyto="Reply to Pat" aria-label="Reply to Pat">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-455852"> <article id="comment-455852" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2bb768ecbfb933f66ec662f95b4367a1?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2bb768ecbfb933f66ec662f95b4367a1?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Francisco R.</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>+99999999999999999999999999999999999999999</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455852" data-commentid="455852" data-postid="106823" data-belowelement="comment-455852" data-respondelement="respond" data-replyto="Reply to Francisco R." aria-label="Reply to Francisco R.">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-2" id="li-comment-455601"> <article id="comment-455601" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Stephen Vaughan</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>My understanding is that a lot of this will be addressed with the upcoming theme builder release but it would be reassuring if Nick were to comment on how Divi with dynamic content will be a good fit with third parties such as Toolset and ACF.</p> <p>I have done a certain amount of testing and can confirm that quite a lot should work in theory but not 100% convinced that all use case will be compatible. For example you can create an unformatted view archive in Toolset and customise the code to css grid with the loop outputting the container items (posts). The loop can be offloaded to one of many template types, pure code, a Divi integrated template and even one built with the new block editor that can actually be loaded into a Divi Layout with a shortcode. The question is, will there be an exclusively Divi way to do this? And then there will always be the bespoke situations where you want to code in some conditional logic for the display of content. </p> <p>The other big workflow for me is separating layout from content. On custom posts I can have the back end interface for the post pared down to just the custom fields needed, no sign of any Divi builder or even the standard WordPress editor text area. On the front Toolset automatically loads the same Divi content template for that post type. The user/client doesn’t need to worry about the design aspect of the site and never needs to see Divi. </p> <p>All these are things that need to be seen and tested as new versions of Divi are released. The separation of design and content is a very important concept that needs to be considered and I would certainly be happier if Nick would comment on these as second guessing wether this level of functionality will ever be present in the theme.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455601" data-commentid="455601" data-postid="106823" data-belowelement="comment-455601" data-respondelement="respond" data-replyto="Reply to Stephen Vaughan" aria-label="Reply to Stephen Vaughan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455573"> <article id="comment-455573" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/646bca21aa298a80dd64cab1a184188a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/646bca21aa298a80dd64cab1a184188a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Pam Watson</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Absolutely fantastic!! What a product!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455573" data-commentid="455573" data-postid="106823" data-belowelement="comment-455573" data-respondelement="respond" data-replyto="Reply to Pam Watson" aria-label="Reply to Pam Watson">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455570"> <article id="comment-455570" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c73f3815968f29e37c39b676a875db92?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c73f3815968f29e37c39b676a875db92?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Kyra Pieterse</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Awesome! ?♥️?⭐?????</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455570" data-commentid="455570" data-postid="106823" data-belowelement="comment-455570" data-respondelement="respond" data-replyto="Reply to Kyra Pieterse" aria-label="Reply to Kyra Pieterse">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455569"> <article id="comment-455569" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ac57f06b00a295564f2481b3fbf41965?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ac57f06b00a295564f2481b3fbf41965?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Sasa Rendulic</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Amazing!<br /> Thank you, Elegant Themes!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455569" data-commentid="455569" data-postid="106823" data-belowelement="comment-455569" data-respondelement="respond" data-replyto="Reply to Sasa Rendulic" aria-label="Reply to Sasa Rendulic">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455568"> <article id="comment-455568" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2e6e0a27d2c59259a3e73f20de421a25?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2e6e0a27d2c59259a3e73f20de421a25?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Wendy Tyrrell</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Wow, this is great and a big relief! Thanks guys.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455568" data-commentid="455568" data-postid="106823" data-belowelement="comment-455568" data-respondelement="respond" data-replyto="Reply to Wendy Tyrrell" aria-label="Reply to Wendy Tyrrell">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455567"> <article id="comment-455567" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/331340832b96972df0f6bf07d0e71c04?s=50&r=g' srcset='https://secure.gravatar.com/avatar/331340832b96972df0f6bf07d0e71c04?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Eric</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Love it! Great work as always Elegant Themes.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455567" data-commentid="455567" data-postid="106823" data-belowelement="comment-455567" data-respondelement="respond" data-replyto="Reply to Eric" aria-label="Reply to Eric">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455565"> <article id="comment-455565" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/87de0a2f9dfae4de18a46cf0fa85df90?s=50&r=g' srcset='https://secure.gravatar.com/avatar/87de0a2f9dfae4de18a46cf0fa85df90?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Imran Khalid</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Very nice (y)</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455565" data-commentid="455565" data-postid="106823" data-belowelement="comment-455565" data-respondelement="respond" data-replyto="Reply to Imran Khalid" aria-label="Reply to Imran Khalid">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-455564"> <article id="comment-455564" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/20a2a109cf1943f072f9ad7cf411085b?s=50&r=g' srcset='https://secure.gravatar.com/avatar/20a2a109cf1943f072f9ad7cf411085b?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jaime Vilorio Green</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>That’s why i love Divi!!! Amazing!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455564" data-commentid="455564" data-postid="106823" data-belowelement="comment-455564" data-respondelement="respond" data-replyto="Reply to Jaime Vilorio Green" aria-label="Reply to Jaime Vilorio Green">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-455614"> <article id="comment-455614" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3cc8928eced1e2de665d9e98ebb5bb63?s=50&r=g' srcset='https://secure.gravatar.com/avatar/3cc8928eced1e2de665d9e98ebb5bb63?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Rick Sterling</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I’ll close that 2 year old feature request ticket now! Woo Hoo!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455614" data-commentid="455614" data-postid="106823" data-belowelement="comment-455614" data-respondelement="respond" data-replyto="Reply to Rick Sterling" aria-label="Reply to Rick Sterling">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455563"> <article id="comment-455563" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/fd3f97a4421c464e8092bbf25696693c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/fd3f97a4421c464e8092bbf25696693c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">José Lemus</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Amazing!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455563" data-commentid="455563" data-postid="106823" data-belowelement="comment-455563" data-respondelement="respond" data-replyto="Reply to José Lemus" aria-label="Reply to José Lemus">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455562"> <article id="comment-455562" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/25ddd1dff06c3e4b93c121847f1af0be?s=50&r=g' srcset='https://secure.gravatar.com/avatar/25ddd1dff06c3e4b93c121847f1af0be?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">genloc</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I say it in German: GEIL! 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455562" data-commentid="455562" data-postid="106823" data-belowelement="comment-455562" data-respondelement="respond" data-replyto="Reply to genloc" aria-label="Reply to genloc">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455561"> <article id="comment-455561" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f0597e0e427bbffcecbbccc701db2904?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f0597e0e427bbffcecbbccc701db2904?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">GABRIEL VINICIOS SILVA MAGANHA</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Amazing, as always!!!<br /> Now I`m very anxious for the Theme Builder! Please, release it!!!!!<br /> Thank you, Elegant Themes, good job!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455561" data-commentid="455561" data-postid="106823" data-belowelement="comment-455561" data-respondelement="respond" data-replyto="Reply to GABRIEL VINICIOS SILVA MAGANHA" aria-label="Reply to GABRIEL VINICIOS SILVA MAGANHA">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455560"> <article id="comment-455560" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Stephen Vaughan</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This looks very promising and with further additions such as the class base system will make the builder very flexible. </p> <p>Taking it for a test drive now.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455560" data-commentid="455560" data-postid="106823" data-belowelement="comment-455560" data-respondelement="respond" data-replyto="Reply to Stephen Vaughan" aria-label="Reply to Stephen Vaughan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455559"> <article id="comment-455559" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c4beedd6f44cae8b6939bc94a1c75ad7?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c4beedd6f44cae8b6939bc94a1c75ad7?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Sam</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Shedding actual tears…</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455559" data-commentid="455559" data-postid="106823" data-belowelement="comment-455559" data-respondelement="respond" data-replyto="Reply to Sam" aria-label="Reply to Sam">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455557"> <article id="comment-455557" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/afa0785be5f81fae7ec9fead639a8027?s=50&r=g' srcset='https://secure.gravatar.com/avatar/afa0785be5f81fae7ec9fead639a8027?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Rose Vines</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is terrific. It’ll save so much time. And it looks really easy to use.</p> <p>Development request: How about giving some attention to the Divi header? It’s probably the least flexible element of Divi and really clunky to use.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455557" data-commentid="455557" data-postid="106823" data-belowelement="comment-455557" data-respondelement="respond" data-replyto="Reply to Rose Vines" aria-label="Reply to Rose Vines">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455556"> <article id="comment-455556" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jaime Eduardo - Koryfi</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Only one think for say: Amazing Nick! ? and very soon the theme and woocomerce builder, right? I love DIVI 😀<br /> Please dont forget the contact form module. Will very nice with upload and data picker field, messages save into BD, etc.</p> <p>Huge !!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455556" data-commentid="455556" data-postid="106823" data-belowelement="comment-455556" data-respondelement="respond" data-replyto="Reply to Jaime Eduardo - Koryfi" aria-label="Reply to Jaime Eduardo - Koryfi">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-455781"> <article id="comment-455781" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/05ab597255790937c9d425a52247656d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/05ab597255790937c9d425a52247656d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Joe Gallant</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Not to mention Akismet or other spam protection for the form!</p> <p>FYI, there’s an awesome plugin called Divi DB that saves messages to the database – that’s what I use, but it would be even more awesome to have this built in.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455781" data-commentid="455781" data-postid="106823" data-belowelement="comment-455781" data-respondelement="respond" data-replyto="Reply to Joe Gallant" aria-label="Reply to Joe Gallant">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-2" id="li-comment-455594"> <article id="comment-455594" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">richard Ginn</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Woocommerce and I say the very important responsive content update before Theme Builder.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455594" data-commentid="455594" data-postid="106823" data-belowelement="comment-455594" data-respondelement="respond" data-replyto="Reply to richard Ginn" aria-label="Reply to richard Ginn">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455555"> <article id="comment-455555" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/8f22a690d7ad8bf8d3b440843b9d3f69?s=50&r=g' srcset='https://secure.gravatar.com/avatar/8f22a690d7ad8bf8d3b440843b9d3f69?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Justin D Bailey</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Absolutely game changing.</p> <p>Love it!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455555" data-commentid="455555" data-postid="106823" data-belowelement="comment-455555" data-respondelement="respond" data-replyto="Reply to Justin D Bailey" aria-label="Reply to Justin D Bailey">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455554"> <article id="comment-455554" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c7f9edce497ab2eab5765d2c569162ec?s=50&r=g' srcset='https://secure.gravatar.com/avatar/c7f9edce497ab2eab5765d2c569162ec?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Rich Stern</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Very nice!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455554" data-commentid="455554" data-postid="106823" data-belowelement="comment-455554" data-respondelement="respond" data-replyto="Reply to Rich Stern" aria-label="Reply to Rich Stern">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455553"> <article id="comment-455553" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ff2585a27f509502bc27dcfe2d71464d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/ff2585a27f509502bc27dcfe2d71464d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Matthew</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Game changer for sure!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455553" data-commentid="455553" data-postid="106823" data-belowelement="comment-455553" data-respondelement="respond" data-replyto="Reply to Matthew" aria-label="Reply to Matthew">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-455551"> <article id="comment-455551" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">richard Ginn</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Oh Yeah!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455551" data-commentid="455551" data-postid="106823" data-belowelement="comment-455551" data-respondelement="respond" data-replyto="Reply to richard Ginn" aria-label="Reply to richard Ginn">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-455550"> <article id="comment-455550" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f483b143054157ddc543600e1f63fe9c?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f483b143054157ddc543600e1f63fe9c?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Matt</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I wish I could get excited. I feel like the ship has left me since I haven’t been able to get the Visual Builder to work on any of my Divi sites, and this included sites that I created starting with the Visual Builder. If Divi worked as advertised for me, I’d be hoppin’ up and down. Congratulations to those of you who can enjoy this forward thinking company.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455550" data-commentid="455550" data-postid="106823" data-belowelement="comment-455550" data-respondelement="respond" data-replyto="Reply to Matt" aria-label="Reply to Matt">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-464698"> <article id="comment-464698" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/598a1f799631101aa64239e3ef199139?s=50&r=g' srcset='https://secure.gravatar.com/avatar/598a1f799631101aa64239e3ef199139?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ryan</span> <span class="comment_date"> August 14, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hey Matt! What issue were you having? I’m just getting started with Divi and upon loading the visual builder, none of my buttons/menus show up! (The green and blue circles and menu box show up, but the content inside of them don’t)</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-464698" data-commentid="464698" data-postid="106823" data-belowelement="comment-464698" data-respondelement="respond" data-replyto="Reply to Ryan" aria-label="Reply to Ryan">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-2" id="li-comment-455605"> <article id="comment-455605" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">bruno</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>+1</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455605" data-commentid="455605" data-postid="106823" data-belowelement="comment-455605" data-respondelement="respond" data-replyto="Reply to bruno" aria-label="Reply to bruno">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-2" id="li-comment-455571"> <article id="comment-455571" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/abfb9d9a8f91f3f3edbdec283e699306?s=50&r=g' srcset='https://secure.gravatar.com/avatar/abfb9d9a8f91f3f3edbdec283e699306?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Wolf Bishop</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>PM Me and I will be happy to help you! I do not work for Elegant Themes, but I specialize in Divi and I am certain I can help. And I will not charge you for some basic guidance!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455571" data-commentid="455571" data-postid="106823" data-belowelement="comment-455571" data-respondelement="respond" data-replyto="Reply to Wolf Bishop" aria-label="Reply to Wolf Bishop">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-455634"> <article id="comment-455634" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Patrick Finney</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Thank you for this important update. On the 9th of September I will be presenting on page builders at the Portland WP Meetup. Before then I am hoping you will have released the theme builder, as I believe it is supposed to be called. I very much want to be able to present Divi as the best choice out there. Thanks again.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455634" data-commentid="455634" data-postid="106823" data-belowelement="comment-455634" data-respondelement="respond" data-replyto="Reply to Patrick Finney" aria-label="Reply to Patrick Finney">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-4" id="li-comment-455821"> <article id="comment-455821" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f62320c43b32f025d8d6eef0141ad704?s=50&r=g' srcset='https://secure.gravatar.com/avatar/f62320c43b32f025d8d6eef0141ad704?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Simon Potter</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Wishful thinking 😉</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455821" data-commentid="455821" data-postid="106823" data-belowelement="comment-455821" data-respondelement="respond" data-replyto="Reply to Simon Potter" aria-label="Reply to Simon Potter">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment byuser comment-author-admin bypostauthor even depth-2 blog-author" id="li-comment-455558"> <article id="comment-455558" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Have you opened up a support ticket so we can take a look? There is no reason that Divi should not work on every WordPress install unless there is a plugin or server conflict, which can usually be easily diagnosed using the Support Center.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455558" data-commentid="455558" data-postid="106823" data-belowelement="comment-455558" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-455779"> <article id="comment-455779" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/05ab597255790937c9d425a52247656d?s=50&r=g' srcset='https://secure.gravatar.com/avatar/05ab597255790937c9d425a52247656d?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Joe</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hey Nick, first of all – thank you, because this is a big quality of life improvement for Divi.</p> <p>I have to say, though, that recent changes have definitely had a performance impact – and having been through the support process several times, they’ve not really been able to help.</p> <p>Whilst generally pages and the builder are loading faster, it seems that this is requiring more server resources to achieve. Because of this, many of my clients (and former clients) who use cheaper hosting plans are now struggling to load the builder – when everything was working fine before.</p> <p>I appreciate how difficult it is to balance new features with supporting legacy – but do please remember the impact that changes can have. </p> <p>Thanks so much for your efforts – you and the whole team!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455779" data-commentid="455779" data-postid="106823" data-belowelement="comment-455779" data-respondelement="respond" data-replyto="Reply to Joe" aria-label="Reply to Joe">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-4" id="li-comment-455864"> <article id="comment-455864" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Arby</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Pretty much this, Nick. Even hosts like SiteGround (who are considered a top WordPress hosting company) refuse to increase some server PHP settings to what ET recommends for Divi. That says something about the server resources Divi now needs.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455864" data-commentid="455864" data-postid="106823" data-belowelement="comment-455864" data-respondelement="respond" data-replyto="Reply to Arby" aria-label="Reply to Arby">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-5" id="li-comment-461469"> <article id="comment-461469" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/087a0409bbe46e95b46fd0311e0e8850?s=50&r=g' srcset='https://secure.gravatar.com/avatar/087a0409bbe46e95b46fd0311e0e8850?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Brian Jenkins</span> <span class="comment_date"> August 2, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hostgator adjusted to all but one of the Divi requirements… just gonna throw that one out there…</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-461469" data-commentid="461469" data-postid="106823" data-belowelement="comment-461469" data-respondelement="respond" data-replyto="Reply to Brian Jenkins" aria-label="Reply to Brian Jenkins">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-455549"> <article id="comment-455549" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/27782dddb40b5ccf8ffe52347cd28f67?s=50&r=g' srcset='https://secure.gravatar.com/avatar/27782dddb40b5ccf8ffe52347cd28f67?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Tim Strifler</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is amazing Nick! ? So does this mean we’ll never have to use the WordPress customizer again??</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455549" data-commentid="455549" data-postid="106823" data-belowelement="comment-455549" data-respondelement="respond" data-replyto="Reply to Tim Strifler" aria-label="Reply to Tim Strifler">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-455704"> <article id="comment-455704" 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> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Samar Jamil</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I think we’ll have to use it until we get a separate option for this.<br /> e.g. Theme Settings.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455704" data-commentid="455704" data-postid="106823" data-belowelement="comment-455704" data-respondelement="respond" data-replyto="Reply to Samar Jamil" aria-label="Reply to Samar Jamil">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even depth-2" id="li-comment-455626"> <article id="comment-455626" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16faaacc3b16a30e30f0d823446e1813?s=50&r=g' srcset='https://secure.gravatar.com/avatar/16faaacc3b16a30e30f0d823446e1813?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">André Vidal</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>We still have to use wp default dashboard to customize header, footer and some other places divi builder can’t reach.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455626" data-commentid="455626" data-postid="106823" data-belowelement="comment-455626" data-respondelement="respond" data-replyto="Reply to André Vidal" aria-label="Reply to André Vidal">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt depth-2" id="li-comment-455593"> <article id="comment-455593" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=50&r=g' srcset='https://secure.gravatar.com/avatar/2ce7864e9c8561607b2a52364e9eaa7a?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">richard Ginn</span> <span class="comment_date"> July 11, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I say you will still be using it even after the all important Theme Builder update.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455593" data-commentid="455593" data-postid="106823" data-belowelement="comment-455593" data-respondelement="respond" data-replyto="Reply to richard Ginn" aria-label="Reply to richard Ginn">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-455880"> <article id="comment-455880" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/27782dddb40b5ccf8ffe52347cd28f67?s=50&r=g' srcset='https://secure.gravatar.com/avatar/27782dddb40b5ccf8ffe52347cd28f67?s=100&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Tim Strifler</span> <span class="comment_date"> July 12, 2019 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Richard,</p> <p>I barely use the WP customizer now. The only thing the customizer is good for is setting some global styling such as typography and buttons, as well as setting header/nav styling and options. But with this update, it eliminates the need for global styling to be done in the customizer, and then the theme builder should eliminate the need to use the customizer for header/nav options. The WordPress customizer is outdated and will be obsolete soon. Elegant Themes is making it so we’ll rarely have to leave Divi’s Visual Builder, and I’m loving it 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-455880" data-commentid="455880" data-postid="106823" data-belowelement="comment-455880" data-respondelement="respond" data-replyto="Reply to Tim Strifler" aria-label="Reply to Tim Strifler">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </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-global-defaults-editor#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", "a8138c8843573ff435eaf9beeaac0332" );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='106823' 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="ed2dd01790" /></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="105"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> </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/theme-sneak-peeks/option-group-presets">Divi 5 Sneak Peek! Class-Based Design With Option Presets</a> </li> <li> <a href="https://www.elegantthemes.com/blog/design/how-to-design-a-header">How To Design A Header (2025 Tutorial)</a> </li> <li> <a href="https://www.elegantthemes.com/blog/divi-resources/divi-travel-blog-starter-site">New Starter Site for Travel Blogs (Quick Install)</a> </li> <li> <a href="https://www.elegantthemes.com/blog/divi-resources/everything-you-need-to-know-about-divi-5s-customizable-breakpoints">Everything You Need To Know About Divi 5’s Customizable Breakpoints</a> </li> <li> <a href="https://www.elegantthemes.com/blog/business/google-gemini-review">Exploring Google Gemini: Personal Review & User Guide (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="106823" 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="106823" 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="106823" 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="106823" 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="106823" 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="106823" 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 "> <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>974,872 Customers Are Already Building Amazing Websites With Divi. Join The Most Empowered WordPress Community On The Web</h2> <a href="https://www.elegantthemes.com/join/" class="button primary-button highlight-pricing-button">Sign Up Today</a> </div> </div> </div> <div class="row "> <div class="column-container"> <div class="column centered dark-background accent-green"> <p class="lead">We offer a 30 Day Money Back Guarantee, so joining is <span class="guarantee">Risk-Free!</span></p> </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 href="https://www.elegantthemes.com/gallery/divi/"> Divi Theme </a> </li> <li> <a href="https://www.elegantthemes.com/marketplace/"> Divi Marketplace </a> </li> <li> <a href="https://www.elegantthemes.com/divi-cloud/"> Divi Cloud </a> </li> <li> <a href="https://www.elegantthemes.com/ai/"> Divi AI </a> </li> <li> <a href="https://www.elegantthemes.com/teams/"> Divi Teams </a> </li> <li> <a href="https://www.elegantthemes.com/vip/"> Divi VIP </a> </li> <li> <a href="https://www.elegantthemes.com/hosting/"> Divi Hosting </a> </li> <li> <a href="https://www.elegantthemes.com/dash/"> Divi Dash </a> </li> <li> <a href="https://www.elegantthemes.com/gallery/extra/"> Extra Theme </a> </li> <li> <a href="https://www.elegantthemes.com/plugins/bloom/"> Bloom Plugin </a> </li> <li> <a href="https://www.elegantthemes.com/plugins/monarch/"> Monarch Plugin </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/join/"> 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 © 2025 Elegant Themes ®</p> </div> </div> </div> </div> </section> <!-- Button For Video Popup --> <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.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/cookie-consent.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/jquery.plugin.min.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/jquery.countdown.min.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/intersectional-observer.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/yall.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/relax.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/magnificpopup.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/allpages.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/blog.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/promo.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/promo-customers.js?ver=6.72"></script><script type="text/javascript" data-type="optional" data-src="https://www.elegantthemes.com/js/tracking.js?ver=6.72"></script><script type="text/javascript" type="text/javascript" data-type="lazy" data-src="https://www.elegantthemes.com/js/onesignal.js?ver=6.72"></script><script type="text/javascript" data-type="lazy-optional" data-src="https://www.elegantthemes.com/js/tracking-delayed.js?ver=6.72"></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> <!-- Enable gtag Consent Mode --> <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> <!-- Google tag (gtag.js) --> <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=95c966164ade3dd05a60bc09ef9d2947' 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-global-defaults-editor","stats_nonce":"dffe371186","share_counts":"29e49b924b","follow_counts":"078f0805d3","total_counts":"9989f1bab6","media_single":"89516061b1","media_total":"df5cae4d9c","generate_all_window_nonce":"ebc4ec9240","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=95c966164ade3dd05a60bc09ef9d2947" 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=95c966164ade3dd05a60bc09ef9d2947" 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=1738739139" 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:'9136a4f33e6c9b97',t:'MTczOTgwNDM5OS4wMDAwMDA='};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>