Winterfell is a Divi Layout Kit designed for Outdoor Enthusiasts, Service Providers, and Adventure Guides. As with most layout packs and child themes, it can be repurposed for just about anything.
This layout kit includes 4 custom pages to help you get a head start on your next project.
- Home
- About
- Excursions
- Contact
Check out the live demo page here.
Image License
All photos courtesy of the generous authors on Pexels.com & Unsplash.com via the Pexels License (Creative Commons Zero) and the Unsplash License (Creative Commons Zero). Layout Packs are released under the GPL, which means you can use them for free for both personal and commercial projects!
Downloading and Installing the Winterfell Divi Layout Kit Plugin
To use the new, Winterfell Divi Layout Kit on your own Divi website you will first need to download the plugin using the button below.
Download The Layout Kit Plugin
Upload and Activate the Plugin
To do an automatic install of the layout kit, log in to your WordPress dashboard, navigate to the Plugins menu and click “Add New”. Upload the plugin, and install it by simply clicking “Install Now”.
Import Files
Once you have activated the plugin, you will see a new Dashboard Menu item called “Winterfell Layout Import Plugin”. Select the settings you want imported and then select Demo Import and you’re all done.
Screenshots
J.E.D.I. Feedback
We are using a brand new way to distribute our child themes and layout packs using Jerry’s Easy Demo Import plugin. We would love it if you could report and issue you come across with the new JEDI import. Please use this contact form to report any issues. If you absolutely love it, let us know in the comments below.
Have fun!
Well that’s all for now. I hope you find this layout kit useful.
Looks fantastic Geno!
Thanks Angele
Really nice
Thank you Geno!
Thanks Omar
Wonderful! Looking so clean and nice! I like it! Thanks!
Thanks Steffi
Divi never looked so good!
Thanks Roy 😀
I love the idea. However I have tried twice and both imports arent bringing any images in. Anything I should do to fix this?
Hi Kate. The JEDI plugin is still in beta. We would appreciate it if you sent us an email so that Jerry can reach out to you for more information. It might be that your server is timing out or something we can fix on our end. Email us at support@montereypremier.com
Hey Geno. Great template! I’m having trouble installing it though. After clicking the “Import Demo Content”, it stalls on the “Running Import…”
I’ve tried reinstalling the plugin but it still just hangs there.
Any suggestions?
Thanks!
Hi Dominic. The JEDI plugin is still in beta. We would appreciate it if you sent us an email so that Jerry can reach out to you for more information. It might be that your server is timing out or something we can fix on our end. Email us at support@montereypremier.com
Hi Geno, I uploaded the layout, but unfortunately is totally took over my entire website. It changed my color schemes and added some other things as well. I just wanted to upload the layout. How do I get my website back to its original form but just have the Winterfell layout to have access to?
The layout pack importer gives you the option which pieces to import. A lot of the Winterfell settings are in the customizer and so when you selected to import the customizer settings, it overwrites your old customizer settings. To upload just the layouts and images you should only select: To get your website back to its original form you will have to go back and adjust your customizer settings.
Import All Posts And Pages
Import All Media
But without the customizer settings and custom css it wont look and function exactly like the demo.
Thanks Geno
the plugin does not work, i can’t install, i uploaded the php file and i could not activate it. could you provide a stable version of that plugin or to simply share the layout pact as json??
Yeah I was using the json before using the plugin method. I will consider offering both.
Hi Geno,
It can be installed, needs to be installed one option at the time.
however, the images are there but in the layout they are pointing at http://mp.winterfell.dev/, so they have to be updated manually
Check: http://layouts.divi.nu?ezp_cspe_ak=a45c3920fef6bdd69b4085957ad97717
Regards
Lars Olsson
Thanks LArs. Looks like you already updated everything. The plugin is still in beta and so we are still testing it in different environments.
Thank you sir for the layout.
How do I change the color of my header?
In the customizer settings.
Thank you Geno so much for o the Divi community. This layout is AWESOME! The biggest problem I had was getting started and you’ve solved this problem for me. The setup was seamless!
Hey Geno, Amazing theme, love it ! Just wanted to let You know that on Your demo page top and bottom padding of some sections don’t work on firefox (these nice big 1/2 + 1/2 rows ). Changing padding from % to vh helped though.
And question from me – do You think it is possible to easily change accent color on Your theme on all elements (buttons, headers, dividers) from orange to another color without changing elements one by one?
Best and thanks for amazing themes !
Thanks. Unfortunately with Layout packs a lot of the settings are in each module. I think I used the customizer settings for most of the colors on this one so that it would be much easier to change the colors. It is one of the reasons I wanted to include customizer settings with this particular layout pack
Hi Gino, many thanks for providing this template.It’s superb! I’ve uploaded it to a test site and in the ‘row with 3 overlapping images’ section, the right side photo is in front of the middle one. I’ve tried giving it a -1 z-index in the CSS. Any ideas why this might be happening?
Sounds like you may have moved the module. Each one has a specific css class.
HOW TO CHANGE THE ORANGE COLOR TO GREEN
Most of the color is set in the customizer settings. And of it is in the css which you will find in the Customizer CSS box.
Awesome stuffe
Awesome layout – I like it a lot!
I’m having a problem with an element on the home page thought. The 3 overlapping photos that translate as you hover over them aren’t structured right for me. Your demo has the center image up front and the left and right images hiding behind, but on my install, the right image is in front of the center image. I’ve tried messing with z-index for the different modules, but don’t have much experience with z-index functionality. I’m still on a test site, so it’s not public, but I can make it visible if you’d like. Any advice?
Did you move the modules by any chance. Each module is assigned a specific class (middle, left, right)
A recent Divi update changed the z-index of the columns. Here is what you have to do…
1. Open up the row settings
2. Go to the advanced tab
3. Scroll down to the box that says Column3 Main Element:
4. Add this CSS snippet
5. Update page and clear cache
Mine is hanging up as well. It was timing out on imagemagik but I corrected the timing in php but now it just hangs at running import and never imports. :/ any other ideas or ways to install?? Thanks
Let me try to update it using the latest version of the JEDI installer. I will share an update tomorrow.
Thanks Geno for this layout, it’s great! I’m also having the same problem as Jordan, with the right image going in front rather than behind the center one. Is there a bit of css code just for these images? Thanks.
A recent Divi update changed the z-index of the columns. Here is what you have to do…
1. Open up the row settings
2. Go to the advanced tab
3. Scroll down to the box that says Column3 Main Element:
4. Add this CSS snippet
5. Update page and clear cache
Yes a recent Divi update changed the z-index of the columns. Here is what you have to do…
1. Open up the row settings
2. Go to the advanced tab
3. Scroll down to the box that says Column3 Main Element:
4. Add this CSS snippet
5. Update page and clear cache
Hi Gino, after the upgrade Themes divi 3.0.105 http://prntscr.com/im2yvs there is such a mistake
Yes it changed the z-index of the columns. Here is what you have to do…
1. Open up the row settings
2. Go to the advanced tab
3. Scroll down to the box that says Column3 Main Element:
4. Add this CSS snippet
5. Update page and clear cache
Thank you very much
Geno, I was not able to find the Json file in the extracted files,just FYI
Hi Olga. You do not need the json file. Just install the plugin and follow the one click installation instructions in the post.