Happily: A Free Divi Wedding Page Layout
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.
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.
How to use it?
After Happily layout pack is downloaded, you can add it to your Divi website by following these steps:
1. Unzip the zip file 🙂
2. Create a new page and activate the Divi Builder
3. Use the import function to import the Happily page layout onto the page.
4. Choose a “Blank Page” template (optional)
4. Add images to the Gallery Module
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”).
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!
Have you seen our Divi Child Themes?
We offer a great selection of high-quality designs to speed up your work. Feel free to use a coupon code IREADBLOG at the checkout to get a 10% discount!