Happily is a free Divi layout made for all the lovely Brides and Grooms out there, who are looking for a simple way to connect with their wedding guests.
Happily is a responsive Divi layout with a clean, elegant design and a beautiful color combination and custom wedding icons. It can be used as a complete wedding website.
Requirements: The Happily Divi layout requires that you have the Divi parent theme for WordPress installed (version 3.0.101 and up). It is not included with this product.
What’s inside
Happily_Page_Layout.json – the full Happily page Divi Builder layout.
Gallery Images folder – this folder contains 3 images used in the gallery module of the Happily layout.
Free Resources for Divi Lovers
Join our newsletter to get the good stuff!
We’ll provide you with updates on new tutorials, webdesign assets and special offers. Get top quality Divi goodies straight into your inbox! Read our Privacy Policy to learn how we manage and protect your submitted information.
Sign up to download
Get access to this layout and all the free resources made exclusively for our subscribers!
Already subscribed?
Fill the signup form and if you’re on the list it’ll get you straight to the download page!
Can’t see the form? Click here
Hapilly layout features
In the first section – you’ll find 4 modules: CSS Code with some custom CSS code, Text – the main heading with the names of the happy couple, Divider – the line underneath and Text – the date of the event. You can move the CSS code to the page settings, or Divi Theme options (Custom CSS field) or to your child theme stylesheet – whichever works best for you. The main image is set as a section background. It has a gradient overlay and the blending mode is set to Screen – you can play around with that settings and see what will work best for your own image.
Great mobile optimization
The second section uses some custom CSS for a better mobile view. The Groom row uses a reverse-column technique to display the right column with the image before the left one with the text on smaller screen sizes. All of the Text modules and Social Follows are aligned centered on mobile, and right/left for desktops.
Fancy section dividers
The Happily layout uses the wonderful new Divi feature – the section dividers. They were introduced in Divi version 3.0.101, so make sure your Divi theme is updated.
The images inside the Gallery module don’t get imported with the JSON file, so you’ll need to add images separately – otherwise the gallery slideshow will be hidden.
Lovely custom icons
The Happily layout includes a little wedding icon set, which I hope you’ll enjoy. We’ve added a little CSS hover effect to images, as this kind of little interactions are a great way to improve user experience (and maybe even impress your wedding guests)
Great way to connect with your guests
The bottom section includes a pre-styled Contact From module, which invites the wedding guests to get in touch and gives them an option to quickly send their RSVP. You can easily add additional fields to the form (like the option to choose the meal preference or add the name of the “plus one”).
Final thoughts
We hope you enjoy this layout and that it will be usefull. If you have any questions, please feel free to ask and we will try to answer as best as we can.
If you’re ready to learn more about Divi and get more Divi freebies, make sure you subscribe to our newsletter so that you don’t miss anything!
![Transparent Fixed Sticky Header in Divi [Step-by-Step Guide]](https://divilover.com/wp-content/uploads/2024/08/tut41-blog-featured-400x250.png)
Hi Ania,
I’m new to Divi and Divi Lover but I am quickly finding myself drawn to your child theme designs. The things that come to mind when looking at your themes are (Professional, clean, and elegant). Everything from your color choices, to just the right amount of effects are brilliant. Keep up the outstanding work, and I’m looking forward to your future child themes and updates to your Toolbox plugin.
My next purchase will definitely be the Girly child theme!
p.s. I’m not sure if your received my request for the Happily layout? I would also appreciate if you could provide me with any past free goodies that I’ve missed 🙂
Best regards, Mark
Having issues importing the jsan file (since the wordpress 5.0 upgrade). I have installed the classic editor and activated it already – keep getting “divi this file should not be imported in this context” error
Hi Phil,
The layout needs to be imported directly on the page, not in the Divi Library (as per instructions), and it works with WP 5.0.
I like your wedding layout and put a link to it in our german article about recommendable Divi layouts.
PS: This is the third time I try to comment. Till now every comment was suggested as spam, but till now I can’t figure out why your system thinks my comments are spam!?
Thank you, Ania. I’m inspired by your work and knowledge! Your videos, resources and themes are very helpful to me and I hope to see more videos from you!
I like it because unlike other websites it is for before the wedding. It is very stylish. Great job!
Awesome layout, thank you very much 🙂