Download a Free & Inspiring Yoga Layout Pack for Divi

Posted on December 4, 2017 by in Divi Resources | 62 comments

Download a Free & Inspiring Yoga Layout Pack for Divi

Hey Divi Nation, thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you.

This week Kenny and his team have created an inspiring Yoga Layout Pack with seven different pages that provide everything your average yoga studio will need to get up and running in just a few clicks. With seven elaborated and well-thought-out page layouts, communicating with your target audience will become easier than ever.

divi layout

Check Out The Divi Layout Pack
for Yoga Studios Below

Download For Free Today!

yoga

Landing Page Design

yoga

View The Live Layout Demo

Home Page Design

yoga

View The Live Layout Demo

About Page Design

yoga

View The Live Layout Demo

Blog Page Design

yoga

View The Live Layout Demo

Contact Page Design

yoga

View The Live Layout Demo

Classes Page Design

yoga

View The Live Layout Demo

Team Page Design

yoga

View The Live Layout Demo

Key Features

This yoga layout pack has everything a yoga studio could possibly need on their website. Besides having a niche-oriented landing page and home page, the yoga layout pack also offers a unique and attractive classes page that will help your existing students and potential students follow the schedule of your classes on either desktop, tablet or phone. On top of that, the free visuals that come along with the layout pack offer your website the needed professionality and expertise that you were looking to give to your website.

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.

  1. Yoga Landing Page (live demo)
  2. Yoga Homepage(live demo)
  3. Yoga About Page (live demo)
  4. Yoga Team Page (live demo)
  5. Yoga Classes Page (live demo)
  6. Yoga Blog Page (live demo)
  7. Yoga Contact Page (live demo)

Download The Layout Pack

To use the Yoga Layout Pack on your own Divi website, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

How To Import The Divi Layout

Subscribe To Our Youtube Channel

Once you have downloaded the layout pack, locate the divi-yoga-studio-layout-pack.zip file in your downloads folder on your computer. Double-click the folder to unzip it and then navigate inside the divi-yoga-studio-layout-pack folder. Inside this folder you will find 7 files, each of which is a unique layout that you can import into your Divi Library. To do so, navigate in your WordPress Admin to Divi > Divi Library > Import & Export. You can select the individual layout you desire or choose the All Layouts file to important everything at once.

  • Yoga_All.json
  • Yoga_About.json
  • Yoga_Blog.json
  • Yoga_Contact.json
  • Yoga_Classes.json
  • Yoga_Landing.json
  • Yoga_Home.json
  • Yoga_Team.json

To load one of these layouts onto your page, activate the Divi Builder and then look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup and then navigate to the Add From Library tab. Here you can choose any of the seven layouts we’ve included in this pack to add to your page.

yoga

No Licensing Restrictions

yoga

The photos included with these layouts have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

But Wait…There’s More!

We hope you enjoy this yoga layout pack. And to help ensure that you do, we’ll be doing a live stream on our Facebook page this Tuesday at 3pm EST to walk through what it might be like to actually use this layout for your own website instead of simply importing it and loading it up. Specifically, I’ll be showing you how to turn a Yoga layout pack into a functioning Yoga Studio website complete with a membership/subscription model for classes. See you there!

62 Comments

  1. Thank you!!

    ET, why do I have to constantly enter my email?

    • +1 🙂

      • +1

    • I suspect it is a way to track your engagement with ET and what designs you view worth downloading. It is very minimal feedback to them for something we get free. And I echo you on the “Thank you!!”

    • +1

    • Agreed. It would be very helpful to find these layout packs under our Account/Downloads section when we’re already logged in.

  2. Good to see that ET are back on track with the Monday layout pack releases.
    Thanks Donjete

  3. meh

    • Yoga is good for you ….apparently.

    • LOL

  4. Hi guys, more of a query than a comment.

    I’m used to designing Landing Pages that have conversion in mind but yours seem more like a condensed version of a single page website if that makes sense.

    In what way would & for what purpose would you advise us to use these particular, longer form landing pages please as I’m not familiar with this form of layout.

    Thank you. Matt

    • Nathan B. Weller

      I think the goal behind these landing page designs is to provide you with as many elements as you might want on a landing page…but not necessarily the final landing page you’ll use. You can and should make changes to these to fit your specific needs.

  5. Love these free layout packs. Keep them coming!

  6. Will it break when we update in along with WordPress?

  7. Hi guys I am a Developer and specially expert on Divi. I’m thinking that I should upload these types of layout to my domain and then show to my clients if they likes the demo I will do that for them.
    Now my questions is If i want to upload many layout packs but in one domain. but when they visit they see the different type of design.
    How is that possible.
    can anyone help me with this???

      • You can do subdomain
        example

        example1.elegantthemes.com
        example2.elegantthemes.com
        example3.elegantthemes.com

        But that also mean plenty of wordpress running

        Regards

      • Let me tag along here since this is the same thing I’m planning to do.

    • I used a (local) WP Multiste install for this.

    • I’d like to see some tutorial on that too. These layouts are the excellent starting point for suggesting designs to clients.

    • Use WordPress Multisite.

    • you can do it easily with a multisite WordPress installation, you can convert your current single WP site into a multisite, Google it

    • How about WP Multisite setup.

      You install WP, Theme, Plugins just once, activate Multisite and then creating subdomain structure on that WP installation for each Case presentation.

      Cheers
      Tahoe Rock

    • SK,

      Can you not just apply each layout pack to an individual page on your site?

  8. The people having comments about emails and longer form landing page must acknowledge that these layouts are for free and you do not have to use the hole layout, use different sections of each layout. The emails entered each time has a purpose for their business just like each other business has its processes that not everybody likes.

    So in a nutshell deal with it.

  9. Keep the Monday designs coming. Very inspirational.
    Much appreciated

  10. Thank you 🙂

  11. Just curious, what did you envision as the best way to connect the “register” buttons to an event registration? Is there a solution or plugin you would recommend?

    • Donjete Vuniqi

      We have a live stream tomorrow at 3 pm EST on Facebook and YouTube where we’ll be showing you how you can use a free membership plugin to make that work 🙂 See you there!

      • Thank you very much Donjete and the ET team!

  12. I can’t believe you keep offering this free stuff for my license fee that I never anticipated nor expected. Why can’t you all be penny-pinching scrooges and keep this free valuable (if only for an example) stuff from my eyes? Why Elegant Themes do you have to keep pushing pushing pushing pre-design, good looking, horizon-broadening stuff that I’m forced to download and learn from. But at least I have something to complain about right… I guess I should thank you for that.

    So what’s next? What insane flexibility or enhancement are you going to disappoint us with? What is around the corner that might make our lives easier and more profitable? What scheme do you have cooked up to irritate us with delight?

    I just can’t wait to see what you are going to push on us and give us… can’t believe I paid all that good money and this is the way you treat us. Next thing you know as part of our license fee you going to throw Divi 4.0 at us with even more things that I will have to learn and benefit from. And I bet you won’t include my pet desire to have Divi respond to the wave of my hand in designing the perfect site without any knowledge or consideration on my part — I see it in my mind but you won’t let Divi do it, just out of meanness I’m sure — yeah that is just like you to ignore my deeply held requirement for a WordPress builder.

    ET you sure are one of a kind organization.. I just know you are going to give away or improve something else that I can complain about… so go ahead… “make my day”…

    (all tongue in cheek complaint of course !! )….

  13. Pls do us a favour and post a link to members when we’ve logged in. The free stuff is great but despite following the “insert email address” I still go through the hoops… Thanks!

  14. Very cool. I love Mondays! Well here it’s Tuesday but you get the drift.

  15. Thanks Elegant Themes – perfect timing. I’m a website developer and a Yoga teacher and about to refresh my own website – so very cool!

  16. Thank you Donjete, this is a peacefully elegant design, very nice. I like the unusual colour combinations you have used and the way in which you have used them together. I used these blue and green blends in one of my recent projects a few weeks back, it’s nice to see somebody else on the same thought wave!

    I also like the way you have used these colours in the graphics too. Your design is very inspiring, it’s giving me many creative ideas, and I love that about your designs 🙂

  17. Love the whole layout packs thing you’ve got going on, but do you think we could start to see some full on article layouts as well? I’ve been using some you’ve had in the past and would like to use more again…

  18. Thanks!
    However why do I have to enter my email address every time I login. Also, when I am logged in there is a “login” link on the top menu! Shouldn’t it be “log out”?

  19. Hi I am just using each of the landing pages from the weekly layout packs to show clients an example of the things we can do for them. so in my company site I have many examples without doing another installation of wordpress or Divi

  20. Yoga websites are pretty trendy these days. It’s a good idea to create a yoga membership website with Divi yoga layout. You did a great job again.

  21. Is there some central repository for all these free layout packs? It would be very useful to find them all in one place as they add great value to the subscription.

  22. That is some pretty amazing work. Thumbs up DIVI NATION

  23. Thank you divi, I’m extremely grateful for all your hard work!

  24. Thanks for making this freely available again.

  25. Thank you, but I didn’t catch where I can find the css for the form. Someone can help me? Thank you

    • Yes, where’s the form CSS? What’s the point if you don’t share it in a reproducible format? We can’t very well copy it from the video. Come on!

    • Donjete Vuniqi

      Hey Fabrizio, here you have the CSS code in advance:

      #pms_register-form input[name="pms_register"] {
      background: none;
      border-radius: 50px;
      padding-top: 12px;
      padding-left: 36px;
      padding-right: 36px;
      padding-bottom: 12px;
      border: 2px solid #44D89E;
      color: #44D89E;
      font-family: poppins;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      }
       
      .et_pb_text ul {
      list-style-type: none;
      }
       
      #pms_register-form input[type="text"] {
      border-radius: 6px;
      -webkit-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      -moz-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      border: none;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-top: 10px;
      }
       
      #pms_register-form input[type="password"] {
      border-radius: 6px;
      -webkit-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      -moz-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      border: none;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-top: 10px;
      }
       
      div.et_pb_text_inner #pms_register-form {
      text-align: center;
      }
       
      form#pms_register-form label{
      font-family: poppins;
      font-weight: normal;
      }
  26. Why do we need to enter our email address every time? (Since everyone is asking I felt I needed to ask also.)

  27. it’s really confusing to constantly have to log back in every time i click a new page on this website. I’m offered “free divi packs” by email, and even when I’m already logged in, it’s totally confusing as to where to find these assets.

  28. Would anyone happen to know if these layout packs can be imported into the Extra theme?

  29. The video promises to have the membership form CSS code “soon.” It’s soon right now. Can you post it please? Pretty please? Syrup on top?

    • Donjete Vuniqi

      Hey Jon, the blog post will come out soon. But since you’re asking so nicely, here you have the CSS code:

      #pms_register-form input[name="pms_register"] {
      background: none;
      border-radius: 50px;
      padding-top: 12px;
      padding-left: 36px;
      padding-right: 36px;
      padding-bottom: 12px;
      border: 2px solid #44D89E;
      color: #44D89E;
      font-family: poppins;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      }
       
      .et_pb_text ul {
      list-style-type: none;
      }
       
      #pms_register-form input[type="text"] {
      border-radius: 6px;
      -webkit-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      -moz-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      border: none;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-top: 10px;
      }
       
      #pms_register-form input[type="password"] {
      border-radius: 6px;
      -webkit-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      -moz-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.16);
      border: none;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-top: 10px;
      }
       
      div.et_pb_text_inner #pms_register-form {
      text-align: center;
      }
       
      form#pms_register-form label{
      font-family: poppins;
      font-weight: normal;
      }
      • Thank you Donjete!

      • One more favor Donjete?

        Can you add the CSS for the button? I’m using a different membership plugin (Restrict Pro) and I cannot use the Divi button module. I have to use CSS to format their ugly default button. Thank you!

        Awesome stuff!

  30. You guys are so awesome thank you…

Leave a Reply

Comments are reviewed and must adhere to our comments policy.

437,821 Customers Are Already Building Amazing Websites With Divi. Join The Most Empowered WordPress Community On The Web

We offer a 30 Day Money Back Guarantee, so joining is Risk-Free!

Sign Up Today

Pin It on Pinterest