Elegant Themes


  • 06:22 How to Style Your Divi Blog Module Grid Cards (With 4 Examples)

    How to Style Your Divi Blog Module Grid Cards (With 4 Examples)

    by Best Webhosting Added 78 Views / 0 Likes

    Divi’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

    Establishing Multiple Streams of Recurring Revenue with John Wooten - Divi Nation Podcast, Ep. 43

    by Best Webhosting Added 80 Views / 0 Likes

    In 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

    How to Insert Ads Above, Inside, and Below Your Divi Blog Post Content

    by Best Webhosting Added 92 Views / 0 Likes

    Divi 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

    The Best Divi Feature Of The Year? Introducing Options Organization & Options Search

    by Best Webhosting Added 76 Views / 0 Likes

    Find 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

    How to Create and Use the Ken Burns Effect within Divi

    by Best Webhosting Added 78 Views / 0 Likes

    The “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

    Adding Material Design To Your Website With Divi

    by Best Webhosting Added 89 Views / 0 Likes

    In 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

    The Logistics of Doing a Divi Client Site in 24 Hours Featuring Jake Kramer - Divi Nation, Ep 44

    by Best Webhosting Added 76 Views / 0 Likes

    In 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

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

    by Best Webhosting Added 76 Views / 0 Likes

    In 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

    How Divi Can Help You Guide Visitors Through Long Web Pages

    by Best Webhosting Added 63 Views / 0 Likes

    In-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

    Introducing The New Divi Documentation System & Update Divi Documentation

    by Best Webhosting Added 88 Views / 0 Likes

    Learn 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

    How to Create a Hamburger Icon for Your Divi Mega Menu

    by Best Webhosting Added 95 Views / 0 Likes

    Hamburger 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

    Divi 3.0: Add Gorgeous Video Backgrounds in Seconds

    by Best Webhosting Added 76 Views / 0 Likes

    With 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

    Divi 3 Create a Single Page Faster Than Ever Before

    by Best Webhosting Added 83 Views / 0 Likes

    With 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

    Divi 3.0 Display Your Images Beautifully

    by Best Webhosting Added 75 Views / 0 Likes

    With 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

    Divi 3.0 Create Effective Opt in Pages Fast

    by Best Webhosting Added 74 Views / 0 Likes

    With 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

    Divi 3.0 Create Beautiful Section Backgrounds Easily

    by Best Webhosting Added 100 Views / 0 Likes

    With 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

    Divi 3.0 Create a Stunning Portfolio in Minutes

    by Best Webhosting Added 92 Views / 0 Likes

    With 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

    How to Add a One Click WordPress PDF Download Using Divi

    by Best Webhosting Added 90 Views / 0 Likes

    In 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

    Introducing Divi Keyboard Shortcuts

    by Best Webhosting Added 83 Views / 0 Likes

    View 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

    How to Create a Navigation Mosaic with the Divi Slider Module

    by Best Webhosting Added 94 Views / 0 Likes

    In 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

    How to Style Divi’s Slider Module for a Bold Team Members Area

    by Best Webhosting Added 95 Views / 0 Likes

    In 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

    How to Add Parallax Elements and a Slide-Down Transition to the Divi Slider Module

    by Best Webhosting Added 88 Views / 0 Likes

    In 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

    How to Add a “Soft Box” Shadow to Your Divi Slider Module

    by Best Webhosting Added 76 Views / 0 Likes

    In 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

    How to Style the Divi Slider with a Static Text Description

    by Best Webhosting Added 77 Views / 0 Likes

    In 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”

    How to Give Your Divi Audio Module “Intergalactic Vibes”

    by Best Webhosting Added 77 Views / 0 Likes

    In 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

    How to Make a Retro Record Inspired Divi Audio Module

    by Best Webhosting Added 84 Views / 0 Likes

    Today, 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

    How to Style Your Divi Audio Module as a Podcast Player

    by Best Webhosting Added 100 Views / 0 Likes

    Today, 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

    "Tints n’ Shades": A Divi Audio Module Design Exercise

    by Best Webhosting Added 88 Views / 0 Likes

    Today, 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

    How to Create a Themed Three Column “Heavy Metal” Audio Section with Divi’s Audio Module

    by Best Webhosting Added 96 Views / 0 Likes

    Today, 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

    How to Style Divi’s Post Slider like Design Milk’s Post Slider

    by Best Webhosting Added 92 Views / 0 Likes

    The 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

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS