Listing Category: Tutorials

Identify Divi’s Responsive Breakpoints and Fine Tune Your Designs with Media Queries

“Today I’m going help you locate Divi’s responsive breakpoints and show you how to use media queries in your CSS to fine tune your design. I’ll even give you a list of Divi’s media queries you can use as a reference for future changes…”

Change The Length of Your Divi Blog Post Excerpts

“In this post, I will be showing you how to change the length of Divi’s automatic excerpts, whether you are using the Blog Module or standard blog template to display your posts. I will also show you how to generate manual excerpts for your individual posts….”

Use the Divi Role Editor to Prepare Your Site for Client Handoff

Divi’s Role Editor is a magnificently easy-to-use solution for client hand-off. With its simple interface, you can easily enable and disable permission settings for each of the user roles giving you full control over what the client can see and use inside the Divi Builder….

Microinteractions That Will Make Your Divi Site More Enjoyable

“Today I’m going to show you some simple microinteractions that work seamlessly with Divi. Some of the more advanced microinteractions require more advanced jquery to implement. But, for this tutorial, I’m going to show you how to add some animations using only CSS. I’ll be concentrating on those elements that users normally interact with – buttons, icons, images, and forms….”

Overlooked Divi Module Elements You Could Be Styling

In this article, we’ll introduce you to three small (yet significant) Divi module elements you may have overlooked. We’ll tell you how to find them, before teaching you how they can help you build even better websites. However, before we jump in, let’s talk for a minute about Divi modules in general….

Style Your Divi Blog Module Grid Cards

“Today I’m going to show you how to target and apply more than one style to the cards that make up your blog grid using custom CSS. I’ll show you how to apply a different style to every other card, creating a checkered effect. I’ll also show you how to style your cards differently by row and how to target and style any individual card by itself….”

Style Divi’s Single Post to Match the New Elegant Themes Post Design

Today, I’m going to show you how to design your single blog post like the new Elegant Themes blog posts. This requires a few modifications to the default post template and some custom CSS. After you implement this new design, you will be able to use the default editor or the Divi Builder for you blog post and still keep the same new design….

Style Your Divi Blog Page to Look Like Elegant Themes’ New Design

In today’s post we show you how to style your Divi blog post to match our own new blog page design….

Style a WooCommerce Product to Show Text Instead of an Icon on Hover in Divi

Sometimes styling WooCommerce can be a bit tricky, especially if your CSS game is a bit lacking or somewhat non-existent. What we’ll be doing today is changing what users see when they hover over a product….

How to Style Gravity Forms to Look Like Divi

In this tutorial owe show you how to style Gravity Forms to match Divi's default design, plus a few other fun styles that you can easily alter to match your own brand….

TUTORIAL AWESOMENESS

TUTORIAL AWESOMENESS

Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.

 

You have Successfully Subscribed! Please Confirm the Subscription from your mail

close