Divi Theme is one of the best in the WordPress world. Divi is the most powerful theme ever built by ElegantThemes. On January 2017, we asked our customers on Facebook what they wanted to see in the next few weeks. We gathered that and make that happen. Most of them are saying about Auto Update and more JSON layout. We’ve done the auto update feature and now we go even further. We are releasing this Free Modern Layout for All Our Customers using Divi Web Design Modules.

This example make use of the Fullwidth Header Extended, All-in-One Extended and Map Extended module. This is just for your reference only. You can do more than that. We make sure of Scrolling Fading Effect throughout and this is pretty neat and classy. We are also using Material Design Box Shadows as you can see on the AIO Custom CSS Tab

we are using the code to have this box shadow:

box-shadow: 0 19px 38px rgba(0,0,0,0.15), 0 15px 12px rgba(0,0,0,0.10); border-radius: 6px;

On top of that, we are making Fullwidth Specialty Section on desktop and mobile. Somehow we tried Fullwidth Row and Gutter to zero but there’s still max-width set by Divi style.css

So we had to use this css to achieve Fullwidth Specialty Section. You can copy and paste them in the Divi Page Builder Setting:

@media (max-width: 479px) { .et_pb_aio_extended_5.dwd-aio .aio-wrap { padding: 0; } .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 { margin: 0; } .et_pb_specialty_fullwidth > .et_pb_row { width: 100% !important; max-width:100% !important; } } @media (min-width: 981px) { .et_pb_specialty_fullwidth > .et_pb_row { width: 100% !important; max-width:100% !important; } }

View Demo

Download “DWD Introduction Layout” DWDintroduction.zip – Downloaded 1271 times – 1 MB


The layout has been updated on 19 June 2017 using the latest version of Fullwidth Header Extended 1.9.8, AIO 1.4.1 and Map Extended 1.4.0

Let me know what do you thing of this and what do you want to see next by leaving a comment below.

Pin It on Pinterest