FREE Divi Layout With Custom Buttons Hover Effects

By Abdou

June 4, 2017

FREE Divi Layout With Custom Buttons Hover Effects

SO, this is another Free Divi Layout for you guys hope you like. This layout features 3 cool button hover effects, you can re-use them as you want, all you have to do is to copy the corresponding HTML and CSS. All custom CSS for these effects is written inside a Code Module. Let me know in the comments below.

FREE Divi Layout With Custom Buttons Hover Effects

License: You are free to download the material, modify and use it for personal and commercial projects.

Please leave me a comment below and tell me if you like it. Your Comments encourage me to continue creating a lot of FREE great stuff. Thanks!

Written By


My name is Abdelfatah Aboelghit, a PHP developer from Egypt and my friends call me Abdou!
Here I write and develop products about Divi Theme.


  1. Nicole

    Thanks for this freebie! Just downloaded it, I will test it. Hope you are happy about the first thankful comment and you will do more likely stuff. I signed up to your newsletter, too. 🙂

  2. Shahzad Raza

    Thanks for sharing this free layout, i appreciate your handwork 🙂

  3. Michael

    Wow, love the buttons, great work!

  4. TO2M


    Thank you so much for your work! I love your WC product builder (beta 3)!

    So I’m a beginner at all this and I’m trying to use the different icon styles you’ve provided, but how do you use these buttons? I currently run DIVI and a DIVI child theme with your Beta 3 WC product builder. I downloaded the zip file you provided; I tried uploading the plugin with the zip but failed!

    I also tried extracting the files and upon opening it, I see an Adobe After Effects file. What do I do with that?

    I don’t see any included code as you’ve mentioned!

    Sorry for the trouble, and thanks for your help!


    • Abdou

      Hey, regarding the plugin, unzip the downloaded file first, it has the plugin and the category layout.
      As for the buttons, the layout has a code module with the custom CSS.


Submit a Comment

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

More Article

WooCommerce List View For Divi Theme

WooCommerce List View For Divi Theme

WooCommerce List View For Divi is a simple plugin to bring the classic blog list style into your store. The plugin changes the default WooCommerce grid view of Shop, Categories & Tags to a simple blog list style. The WC List View plugin comes with extra options to...

Custom WordPress Login Page For Divi and Extra

Custom WordPress Login Page For Divi and Extra

In this post, you'll learn how to build custom WordPress login page with both Divi and Extra themes. Before Elegant Themes releases Divi 3.0, they made a 100 days series of free amazing Divi stuff; layouts, layout kits, tips and extensions. One of the coolest...

Free Simple Blog Divi layout

Free Simple Blog Divi layout

We all love freebies! and today it's time for a new free simple blog Divi layout. The layout is clean and simple works perfectly with any blog. Download it from below and enjoy using it on any website you like. Download the layout from the button below. Import it like...

Pin It on Pinterest

Share This