Design Build Web

Video 1 | Video 2 | Video 3 | Video 4 | Bonus

Video 1: How to Roll Your Own Custom Layout in Under 30 Minutes

Drag-n-Drop. No Code Required. 100% Your Custom Design.

NOTE: Elementor's interface has changed quite a bit since I made this series. You'll still learn a LOT... but also see my much more up-to-date series here.

Elementor Mini-Course

Sorry the free bonuses are no longer available.

Copyright © 2017 Dave Foy, Design Build Web

This website is not associated with Facebook in any way. Facebook does not endorse this site. Facebook is a registered trademark of Facebook Inc.

.generate-page-header,.page-header-image,.page-header-image-single{display:none;}body{background-color:#fff;color:#201c34;}a{color:#ce3362;}a:visited{color:#ce3362;}a:hover,a:focus,a:active{color:#e73d72;}body .grid-container{max-width:1140px;}.wp-block-group__inner-container{max-width:1140px;margin-left:auto;margin-right:auto;}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;}body,button,input,select,textarea{font-family:"Lato",sans-serif;font-size:16px;}body{line-height:1.5;}p{margin-bottom:1.1em;}.entry-content > [class*="wp-block-"]:not(:last-child){margin-bottom:1.1em;}.top-bar{font-weight:700;font-size:16px;}.main-title{font-weight:900;text-transform:uppercase;font-size:28px;}.main-navigation a,.menu-toggle{font-weight:bold;text-transform:uppercase;}.main-navigation .main-nav ul ul li a{font-size:14px;}.sidebar .widget,.footer-widgets .widget{font-size:17px;}h1{font-weight:800;font-size:35px;}h2{font-weight:800;font-size:26px;}h3{font-weight:bold;font-size:20px;}h4{font-size:inherit;}h5{font-size:inherit;}@media (max-width:768px){.main-title{font-size:24px;}h1{font-size:28px;}h2{font-size:25px;}}.top-bar{background-color:#36b560;color:#fff;}.top-bar a{color:#fff;}.top-bar a:hover{color:#fff;}.site-header{background-color:#201c34;color:#fff;}.site-header a{color:#3a3a3a;}.main-title a,.main-title a:hover{color:#fff;}.site-description{color:#fff;}.main-navigation,.main-navigation ul ul{background-color:rgba(255,255,255,0);}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-items{color:#fff;}.main-navigation .main-nav ul li:hover > a,.main-navigation .main-nav ul li:focus > a,.main-navigation .main-nav ul li.sfHover > a,.main-navigation .menu-bar-item:hover > a,.main-navigation .menu-bar-item.sfHover > a{color:#fff;background-color:rgba(255,255,255,.08);}button.menu-toggle:hover,button.menu-toggle:focus,.main-navigation .mobile-bar-items a,.main-navigation .mobile-bar-items a:hover,.main-navigation .mobile-bar-items a:focus{color:#fff;}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#fff;background-color:rgba(255,255,255,.08);}.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a{color:#fff;background-color:rgba(255,255,255,.08);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active,.navigation-search input[type="search"]:focus,.main-navigation .main-nav ul li.search-item.active > a,.main-navigation .menu-bar-items .search-item.active > a{color:#fff;background-color:rgba(255,255,255,.08);}.main-navigation ul ul{background-color:#3f3f3f;}.main-navigation .main-nav ul ul li a{color:#fff;}.main-navigation .main-nav ul ul li:hover > a,.main-navigation .main-nav ul ul li:focus > a,.main-navigation .main-nav ul ul li.sfHover > a{color:#fff;background-color:#4f4f4f;}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:#fff;background-color:#4f4f4f;}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover,.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a{color:#fff;background-color:#4f4f4f;}.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.one-container .container,.separate-containers .paging-navigation,.inside-page-header{background-color:#fff;}.entry-title a{color:#201c34;}.entry-title a:hover{color:#ce3362;}.entry-meta{color:#595959;}.entry-meta a{color:#595959;}.entry-meta a:hover{color:#1e73be;}h1{color:#201c34;}h2{color:#201c34;}h3{color:#201c34;}.sidebar .widget{background-color:#fff;}.sidebar .widget .widget-title{color:#000;}.footer-widgets{background-color:#fff;}.footer-widgets .widget-title{color:#000;}.site-info{color:#fff;background-color:#161323;}.site-info a{color:#d42593;}.site-info a:hover{color:#d3158d;}.footer-bar .widget_nav_menu .current-menu-item a{color:#d3158d;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:#666;background-color:#fafafa;border-color:#ccc;}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:#666;background-color:#fff;border-color:#bfbfbf;}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#fff;background-color:#666;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#fff;background-color:#3f3f3f;}a.generate-back-to-top{background-color:rgba(0,0,0,.4);color:#fff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba(0,0,0,.6);color:#fff;}@media (max-width: 768px){.main-navigation .menu-bar-item:hover > a,.main-navigation .menu-bar-item.sfHover > a{background:none;color:#fff;}}.inside-top-bar{padding:10px 20px 10px 20px;}.inside-header{padding:30px;}.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation,.one-container .site-content,.inside-page-header,.wp-block-group__inner-container{padding:50px 30px 50px 30px;}.entry-content .alignwide,body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container.right-sidebar .site-main,.one-container.both-right .site-main{margin-right:30px;}.one-container.left-sidebar .site-main,.one-container.both-left .site-main{margin-left:30px;}.one-container.both-sidebars .site-main{margin:0px 30px 0px 30px;}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}.widget-area .widget{padding:0px;}@media (max-width:768px){.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation,.one-container .site-content,.inside-page-header,.wp-block-group__inner-container{padding:40px 20px 40px 20px;}.site-info{padding-right:10px;padding-left:10px;}.entry-content .alignwide,body:not(.no-sidebar) .entry-content .alignfull{margin-left:-20px;width:calc(100% + 40px);max-width:calc(100% + 40px);}}@media (max-width: 768px){.main-navigation .menu-toggle,.main-navigation .mobile-bar-items,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav{display:none;}[class*="nav-float-"] .site-header .inside-header > *{float:none;clear:both;}}.blog,.blog.one-container .container,.single-post,.single-post.one-container .container{background-color:#e4e4e3;padding-bottom:130px;}.blog .post .inside-article,.single-post .post .inside-article{background-color:#fff;border-radius:5px;padding:30px 30px 35px;}.blog .post .inside-article,.single-post .post .inside-article{background-color:#fff;border-radius:5px;padding:30px 30px 10px;}.format-standard .entry-title{margin-bottom:-.5em;}.comments-area{background-color:#fff;padding:40px;}