Elegant Themes
-
06:22
How to Style Your Divi Blog Module Grid Cards (With 4 Examples)
Added 78 Views / 0 LikesDivi’s Blog Module has a useful grid layout option for your blog posts. The grid template organizes your blog posts into boxes or cards that make it easier to view more posts on your screen than a standard full-width blog layout. The Blog Module Settings allow you to customize the overall design of your grid. You can easily make all of your cards the same background color, font, margins, etc… However, the styling options are limited to the design of t
-
39:20
Establishing Multiple Streams of Recurring Revenue with John Wooten - Divi Nation Podcast, Ep. 43
Added 80 Views / 0 LikesIn this episode of Divi Nation John Wooten of Artillery Media and Superfly shares his freelancer story, his WordPress/Divi story, and then shares some ways in which he has established multiple streams of recurring revenue for his business. Enjoy!
-
06:25
How to Insert Ads Above, Inside, and Below Your Divi Blog Post Content
Added 92 Views / 0 LikesDivi makes it easy to insert ads into your blog posts. Built in to Divi Theme Settings, there is a section that allows you to place an “un-widgetized” ad image/banner or adsense code under your blog post content. But, this is somewhat limiting since it only allows you to place the ad in one spot – at the bottom of your posts. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-insert-ads-above-inside-and-below-your-divi-blog-post-conte
-
02:55
The Best Divi Feature Of The Year? Introducing Options Organization & Options Search
Added 76 Views / 0 LikesFind out more here: https://www.elegantthemes.com/blog/theme-releases/options-organization
-
08:14
How to Create and Use the Ken Burns Effect within Divi
Added 78 Views / 0 LikesThe “Ken Burns Effect” is a great tool for web developers who want to engage their site visitors with visual storytelling. That’s why in today’s post I’m going to show you a way to add this effect to Divi’s full-width header module and fullwidth slider module slides. However, its application extends to the other Divi sections and modules as well. Once you understand the CSS behind the effect, you will have more control over the way your background ima
-
10:07
Adding Material Design To Your Website With Divi
Added 89 Views / 0 LikesIn today’s design, I’m using bold colors and images on a white background to entice the user. I’m also adding shadows and movement when hovering over certain elements to further engage the user. I’m adding a button that straddles the line between image and content since both are relevant to the call to action. And lastly, I added a little movement to the button icon which purposefully “points” them in the right direction. All of these elements are con
-
42:07
The Logistics of Doing a Divi Client Site in 24 Hours Featuring Jake Kramer - Divi Nation, Ep 44
Added 76 Views / 0 LikesIn today's episode of Divi Nation we interview Jake Kramer of Artillery Media, Superfly, and Pageinaday.com. He shares his WordPress/Divi story, gives us an overview of the business he helps run, and then gets into the details and logistics of how they provide a growing stream of customers with 24 hour Divi websites. Enjoy! See the episode or listen to it on our blog: https://www.elegantthemes.com/blog/divi-resources/the-logistics-of-doing-a-divi-clie
-
05:09
How to Style a WooCommerce Product to Show Text Instead of an Icon on Hover in Divi
Added 76 Views / 0 LikesIn this post we won’t be going over WooCommerce in detail but a great article about Divi + WooCommerce was just recently published on our blog and you can find it here. 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. Read article here https://goo.gl/TKIQlq
-
05:32
How Divi Can Help You Guide Visitors Through Long Web Pages
Added 63 Views / 0 LikesIn-page navigation is essential in two main scenarios: long-form content in general and one-page websites in particular. As the landscape has shifted towards long-form content in the last few years, proper structuring and organization of that content has become more important than ever. Attention spans are declining, and if people have to trudge through too much information to get to what they’re looking for, chances are you’ll lose them. In-page navi
-
02:12
Introducing The New Divi Documentation System & Update Divi Documentation
Added 88 Views / 0 LikesLearn more here: https://www.elegantthemes.com/blog/theme-releases/divi-documentation-update
-
07:06
How to Create a Hamburger Icon for Your Divi Mega Menu
Added 95 Views / 0 LikesHamburger icons have become synonymous with menus. The three stacked horizontal lines represent the idea of a list and have been nicknamed “hamburger” for it’s obvious similarities. Divi uses the hamburger icon to toggle your main menu on mobile and on certain header styles like “slide in” and “fullscreen”. Today I’m going to show you how to use a hamburger icon to toggle a mega menu on click. This is a great solution for those sites with lots of menu
-
00:53
Divi 3.0: Add Gorgeous Video Backgrounds in Seconds
Added 76 Views / 0 LikesWith the latest Divi 3 you can add gorgeous video backgrounds in seconds. Give it a try https://www.elegantthemesdemo.com/?et_fb=1
-
01:30
Divi 3 Create a Single Page Faster Than Ever Before
Added 83 Views / 0 LikesWith the latest Divi 3 you can create a single page faster than ever before from scratch. Give it a try https://www.elegantthemesdemo.com/?et_fb=1
-
00:56
Divi 3.0 Display Your Images Beautifully
Added 75 Views / 0 LikesWith Divi 3.0, you can display your images beautifully. Give it a try today https://www.elegantthemesdemo.com/?et_fb=1
-
00:58
Divi 3.0 Create Effective Opt in Pages Fast
Added 74 Views / 0 LikesWith Divi 3.0, you can create Effective Opt-in Pages Fast using MailChimp and Aweber. Give it a try today https://www.elegantthemesdemo.com/?et_fb=1
-
01:07
Divi 3.0 Create Beautiful Section Backgrounds Easily
Added 100 Views / 0 LikesWith the new Divi 3.0 you can create beautiful section backgrounds easily in just a few clicks. Give it a try today https://www.elegantthemesdemo.com/?et_fb=1
-
01:28
Divi 3.0 Create a Stunning Portfolio in Minutes
Added 92 Views / 0 LikesWith the new Divi 3.0 you can create a stunning portfolio in minutes. Give it a try today https://www.elegantthemesdemo.com/?et_fb=1
-
05:08
How to Add a One Click WordPress PDF Download Using Divi
Added 90 Views / 0 LikesIn this video, I show you how to add a one click wordPress PDF download Using Divi. If you’ve never considered offering content as PDFs, you definitely should! PDFs enable you to package together your site’s most compelling content, and offer it to readers in a concise, easily accessible format.
-
02:14
Introducing Divi Keyboard Shortcuts
Added 83 Views / 0 LikesView all the keyboard shortcuts here: https://www.elegantthemes.com/blog/theme-releases/introducing-divis-new-power-user-features
-
16:01
How to Create a Navigation Mosaic with the Divi Slider Module
Added 94 Views / 0 LikesIn this video, I am going to show you how to Create a Navigation Mosaic with the Divi Slider Module. The slider is probably one of the more popular design elements seen in websites today and has been for some time. Most people probably think of hero sliders or gallery sliders as two of the most common uses for them, but really they can be used for all kinds of applications — for CTA areas, to display team members, to use for testimonials, or even as n
-
09:40
How to Style Divi’s Slider Module for a Bold Team Members Area
Added 95 Views / 0 LikesIn this video, I am going to show you how to Style Divi’s Slider Module for a Bold Team Members Area. Traditionally team members have a “card” style look or are placed one per column. This is just another idea to display your staff as well as make use of Divi’s slider module in a creative way. Click the link to view the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-slider-module-for-a-bold-team-members-area
-
09:18
How to Add Parallax Elements and a Slide-Down Transition to the Divi Slider Module
Added 88 Views / 0 LikesIn today’s slider tutorial we’re going to change the slider animation so that the text and button slide down from the top. We’ll also be styling it using parallax settings so the transparent images we’re using appear to “float” above the background. It’s an appealing effect when done correct and draws the eyes to your call to action. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-parallax-elements-and-a-slid
-
08:44
How to Add a “Soft Box” Shadow to Your Divi Slider Module
Added 76 Views / 0 LikesIn today’s slider tutorial we’re going to change the slider animation to slide in from the right. We’ll also be styling a sleek slider box with a soft-box shadow. This design is subtle but elegant and can easily be tweaked to fit just about any kind of website. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-soft-box-shadow-to-your-divi-slider-module
-
08:57
How to Style the Divi Slider with a Static Text Description
Added 77 Views / 0 LikesIn today's slider tutorial instead of changing out the animation name on the slide description, I'm actually going to be removing it altogether, and I'll explain why below. I'm also bringing in a few gradients, 'cause who doesn't love a gradient? Aaaand I'll show you how to have three buttons instead of two. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-the-divi-slider-with-a-static-description-text
-
07:18
How to Give Your Divi Audio Module “Intergalactic Vibes”
Added 77 Views / 0 LikesIn this video we share a fun way to style the Divi Audio Module our contributor has titled, "intergalactic Vibes." This design concept and tutorial is merely a simple exercise to show what's possible with a little imagination and creativity. Just the thing for a beginner looking to get more familiar with Divi and web design. You can view the blog post and get the code snippets here: https://www.elegantthemes.com/blog/divi-resources/how-to-give-your-di
-
07:27
How to Make a Retro Record Inspired Divi Audio Module
Added 84 Views / 0 LikesToday, we are going to customize the default module to create a retro-inspired audio player. We’ll also add a call to action module, encouraging users to download your music on their personal devices. Follow the tutorial below, and share your thoughts in the comments section. Here is the link to the article: https://www.elegantthemes.com/blog/divi-resources/retro-record-inspired-divi-audio-module
-
04:32
How to Style Your Divi Audio Module as a Podcast Player
Added 100 Views / 0 LikesToday, we’re going to provide all those podcasters out there--aspiring and famous alike--with an easy way to integrate their latest episodes directly into the Divi theme. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-your-divi-audio-module-as-a-podcast-player
-
07:01
"Tints n’ Shades": A Divi Audio Module Design Exercise
Added 88 Views / 0 LikesToday, we are going to be creating split-screen design: one side will hold the audio module, while the other side will house a testimonial module, where you can share critical praise of your work. The name of the design--Tints n’ Shades--comes from the subtle contrast we will create using simple opacity settings. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/tints-n-shades-a-divi-audio-module-design-exercise
-
07:48
How to Create a Themed Three Column “Heavy Metal” Audio Section with Divi’s Audio Module
Added 96 Views / 0 LikesToday, we are going to be designing a tri-part audio module that includes space for an audio player, a short bio, and a call-to-action button--in case you want to direct visitors to i-Tunes or Google Play to download your latest hits. Read the blog post and get the code here: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-themed-three-column-audio-section-with-divis-audio-module
-
07:53
How to Style Divi’s Post Slider like Design Milk’s Post Slider
Added 92 Views / 0 LikesThe Divi Post Slider Module looks great even with it’s default settings, but there will be situations that require you to modify its appearance. This series will explore five different post slider designs found in some popular online publications, and how similar designs can be created using Divi’s Post Slider Module. Here's the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-post-slider-like-design-milks-post-sl