Divi Tutorials + Layout Kits | WordPress Tips | Business Growth

Home of the Original Divi Tutorials & Divi Layout Kits.

Divi Tutorials + Layout Kits | WordPress Tips | Business Growth

Home of the Original Divi Tutorials & Divi Layout Kits.

Inject a Layout From Your Divi Library Into Your Footer Using Divi Hooks

Inject a Layout From Your Divi Library Into Your Footer Using Divi Hooks

Awhile back, I wrote up a tutorial for injecting Divi Library Layouts into your footer by modifying the footer.php template. With the introduction of Divi Hooks, we can now inject that layout into the footer without having to modify any php template files.  All we have to do is add a simple snippet of PHP to your functions.php file.

How To Add Double Top & Bottom Borders Around An Image

How To Add Double Top & Bottom Borders Around An Image

In this tutorial, I will show you how to use a little CSS to add borders around an image that extend beyond each other at the corners. I also threw in a little snippet that extends the borders a little more when you hover over the image adding an elegant touch to your website project.

Divi Fixed Footer Bar For Mobile Devices

Divi Fixed Footer Bar For Mobile Devices

In this tutorial, I will show you how to use a Divi Library Layout, a little custom CSS, and a little PHP, to inject a fixed Mobile Footer Bar that gives your website an app-like appearance.

Align Buttons To The Bottom of the Row

Align Buttons To The Bottom of the Row

In this tutorial, I will show you how we use a little custom CSS to make the buttons align vertically across the bottom of the row so that no matter how much text is in the module above it, all the buttons in that row will align.

Inline Buttons

Inline Buttons

In this tutorial, I will show you how we use a little custom CSS to make several inline buttons in a single row. This effect is great for headers or call to action sections that need two or more buttons right next to each other.

Animated Background Gradient Fade-in Overlay

Animated Background Gradient Fade-in Overlay

In this tutorial, I will show you how we use a little custom CSS to have the gradient background overlay fade-in shortly after the page loads giving the page header section a crisp image, clear text and a tad bit of animation for that extra “pop.”

Gutenberg, Divi, Beaver Builder, and the Future of Page Builders

Gutenberg, Divi, Beaver Builder, and the Future of Page Builders

With the release of WordPress 5.0 just around the corner, a lot of people have been asking me what does that mean for those of us that use page-builders like Divi and Beaver Builder. The short answer is that it is too soon to tell but I have been reading up, asking around, and pestering some people to get their thoughts on the future, and so I hope this helps shed some light.

©2012-2018 Geno Quiroz | Teach Learn Build Love | Divi Expert ServicesJohn 3:16

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

STAY RELEVANT | BE INFORMED | SIGN UP NOW

IT DOES NOT TAKE LONG TO GET LEFT BEHIND!

You have Successfully Subscribed!

Pin It on Pinterest