Happily: A Free Divi Wedding Page Layout

by | Divi Freebies | 4 comments

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!

Download Layout Live preview

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!

4 Comments

  1. Nils

    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!?

    Reply
  2. Keith Morris

    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!

    Reply
  3. Rafa

    I like it because unlike other websites it is for before the wedding. It is very stylish. Great job!

    Reply
  4. Atif Aftab

    Awesome layout, thank you very much 🙂

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *


Sign up to our newsletter!


Shares

Sign up for the good stuff!

Free Resources for Divi Lovers!

Join our Newsletter!

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.

Pin It on Pinterest