Elegant Themes
-
20:16 Popular
How to Create a Minimal Product Page with Divi’s WooCommerce Modules
Added 105 Views / 0 LikesDivi’s new WooCommerce Modules update has been long-awaited and now that it’s here, the possibilities to customize product pages have become endless. Today, we’ll show you how to use Divi’s built-in options and the new WooCommerce Modules to create a customized minimal product page that you can reuse for all your product pages. You’ll be able to download the JSON file for free as well! Read more: https://www.elegantthemes.com/blog/divi-resources/how-t
-
14:20 Popular
Getting Creative with Divi’s New Image Replacement Hover Options
Added 112 Views / 0 LikesDivi’s new image replacement hover options give your projects a whole new level of creativity. In this post, we’ll show you how to create a beautiful section with images that change on hover. We hope this design inspires you to create your own creative sections with Divi’s image replacement hover options. You’ll be able to download the JSON file for free as well! Read More: https://www.elegantthemes.com/blog/divi-resources/getting-creative-with-divis-
-
26:18
How to Add a Dropdown Contact Form to Your Global Header
Added 93 Views / 0 LikesMultistreaming with https://restream.io/?ref=wVYnR When you’re building a custom header for your website, using Divi’s theme builder, you’ll find yourself looking for the ideal way to add a CTA. One way you can go about it is by adding a dropdown contact form. This will help you keep the overall look and feel of your header clean while still providing the possibility to get in touch without the need for scrolling. In this tutorial, we’ll show you how
-
1:04:50
The Weekly WP Roundup with B.J. Keeton (February 21, 2020)
Added 78 Views / 0 LikesMultistreaming with https://restream.io/?ref=wVYnR Welcome back to the roundup, everyone. Each Friday we go live with the best news, tutorials, and resources that were published this week about WordPress. You can find all the links we discuss in the description of this video, and the show is a conversation with you, so feel free to chime in with any question or comments in the live chat and join in! --NEWS Next Year’s WordCamp Asia is On! https://2020
-
12:59 Popular
How to Create 3 Stunning Monospaced Font Designs in Divi
Added 101 Views / 0 LikesMonospaced fonts are a delightful asset to web design. They are especially useful for creating designs that have beautiful symmetry and balance. A monospaced font is made up of letters and characters that each have the same width (or horizontal space). As such, they provide a consistent and elegant structure for displaying text. Monospaced fonts are widely used in coding for this reason. In this tutorial, we are going to create three stunning monospac
-
14:09
How to Get Creative with Your Blurb Icon Background in Divi
Added 90 Views / 0 LikesBlurb modules are some of the most versatile elements you can find in Divi. In this post, we will show you how to go a step further and get creative with the blurb icon background. We will be using a combination of blurb modules, text modules and call to action modules. These unique designs are perfect for services pages and product category pages. You’ll be able to download the JSON file for free as well! Read more: https://www.elegantthemes.com/blog
-
16:11
Download a FREE CTA Column Swipe Hero Section Design for Divi
Added 100 Views / 0 LikesYour page’s hero section deserves all the attention it can get. There are endless ways to style your hero section, depending on what your website is about and how your target audience behaves. For some websites, it can come in handy to place multiple column CTA cards without creating an overwhelming experience. A great way to approach it is by creating column swipe CTA cards. In today’s Divi tutorial, we’ll show you how to create a stunning design fro
-
19:25 Popular
Using Transparent Images to Create Beautiful CTA Column Overlaps with Divi
Added 108 Views / 0 LikesThe more visually-appealing a CTA is, the higher the chances are for a better conversion rate. There are many ways to design your CTAs but in this post, we’ll show you how to create beautiful CTA column designs with semi-transparent images and column overlaps. You can find the semi-transparent images in the download folder below, but feel free to use other images. You’ll be able to download the JSON file for free as well! Read more: https://www.elegan
-
04:00 Popular
Get a FREE Model CV Layout Pack for Divi
Added 102 Views / 0 LikesLearn more: https://www.elegantthemes.com/blog/divi-resources/get-a-free-model-cv-layout-pack-for-divi Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created an amazing Model CV Layout Pack that you can use to establish an online presence and attract potential clien
-
53:04
The Weekly WP Roundup with B.J. Keeton (February 14, 2020)
Added 80 Views / 0 LikesMultistreaming with https://restream.io/?ref=wVYnR Welcome to the round-up, where we show as much love for WordPress as we can on this Valentine’s Day afternoon. Expand the video description to find all of the links to news, resources, and tutorials we will discuss today. And be sure to take part in the live chat with any comments or suggestions you may have. Remember to like this video and tell the platform you’re on that you want to be notified when
-
13:21
How to Combine Hover Effects with CSS Parallax Backgrounds in Divi
Added 99 Views / 0 LikesUsing CSS Parallax with Background Images in Divi allow us to create hover effects that are surprisingly unique. Parallax is one of many ways we can add life to our websites. And when combining parallax with Divi’s vast array of hover options, we bring content to life even more. In this tutorial, we’ll show you can quickly and easily design unique CSS parallax background hover effects in Divi. No plugin or custom coding needed! Read more: https://www.
-
32:44 Popular
How to Create a Reusable Divi Layout Block for Gutenberg Blog Posts
Added 113 Views / 0 LikesMultistreaming with https://restream.io/ Hey Divi Nation, welcome to a brand new Divi Use Case live stream where each week we show you how to add new design and functionality to your Divi website. In this tutorial, we are going to demonstrate how to create a reusable Divi Layout Block for Gutenberg blog posts. To illustrate this, we will build a section divider for our example reusable Divi layout block. But, we can easily apply this same technique to
-
59:05 Popular
Divi Feature Update LIVE - Divi Scroll Effects
Added 117 Views / 0 LikesWe are excited to introduce one of Divi’s most amazing new features ever. It’s called Scroll Effects, and it allows you to create advanced animations and transitions that react to your visitors as they scroll up and down the page. Any element can be animated using a combination of effects and creating advanced animations is easy thanks to our brand new Scroll Effects UI. We have streamlined the complexity of web-based animations and made them accessib
-
07:48
How to Create a Simple Text Marquee with Divi
Added 100 Views / 0 LikesText marquees provide a scrolling area of text to your website that engages readers with useful snippets of content. They are also called tickers (or news tickers) and are often used to show a steady stream of news updates at the top or bottom of a page. Usually, the scrolling animation is done with a single line of content in a loop so that the information is displayed repeatedly. Unfortunately, the HTML marquee tag is obsolete so we are counting on
-
08:36
How to Create a Split Blend Mode Headline with Divi
Added 96 Views / 0 LikesIt’s no secret that blend modes can help you give some extra attention to the aesthetics of the design you’re working on. In the past, we’ve covered blend mode tips and tricks that help you create some unique and gorgeous designs. Now, since the column update has come out, there are a few extra things you can do with these blend modes. One of those things is creating a split blend mode headline. In this post, we’ll show you how you can achieve a stunn
-
04:35 Popular
Introducing Divi Scroll Effects. The Ultimate Web Animation Builder!
Added 108 Views / 0 LikesLearn More Here: https://www.elegantthemes.com/blog/theme-releases/divi-scroll-effects Today we are excited to introduce one of Divi’s most amazing new features ever. It’s called Scroll Effects, and it allows you to create advanced animations and transitions that react to your visitors as they scroll up and down the page. Any element can be animated using a combination of effects and creating advanced animations is easy thanks to our brand new Scroll
-
03:46 Popular
Get a FREE Mobile App Layout Pack for Divi
Added 101 Views / 0 LikesHey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. For this week, Kenny and his team have created a Mobile App Layout Pack you are going to enjoy. Promoting your mobile app just got a whole lot easier with this engaging, bold layout pack. You'll want to take advantage of the breathtaking colorful graphics thr
-
25:44 Popular
How to Add an Inline & Animated Divi CTA Layout Block to Your Gutenberg Blog Post
Added 115 Views / 0 LikesWhen you’re streamlining the way you create blog posts on your website, chances are high you’ll want to include an attractive CTA somewhere inside your post. Now, with Divi’s new Gutenberg layout block integration, you can easily add a new Divi-built block anywhere inside your Gutenberg blog post. This allows you to keep the overall blog post content inside the Gutenberg environment, while still building a custom Divi CTA using Divi-s built-in options
-
02:54 Popular
Become A Creator On The Divi Marketplace
Added 101 Views / 0 LikesLearn more here: https://www.elegantthemes.com/blog/theme-releases/become-a-creator-on-the-divi-marketplace Today we are excited to announce that we will soon be launching an official Divi Marketplace here on elegantthemes.com. This will be a place where Divi creators from around the world can build and sell Divi Extensions, Child Themes and Layout Packs or give them away for free. Think of it like the WordPress.org repository or the iPhone App Store,
-
46:35 Popular
How to Create an Interactive Image Collage Using Divi’s Position Options
Added 113 Views / 0 LikesDivi’s new position options open the door for creating unique image collage layouts using the absolute position property. This allows you to make more precise placements for each element of your design. And once you combine that with the countless combinations of design settings within Divi, you can design some pretty amazing image collages. In this tutorial, I’m going to show you how to use Divi’s built-in position options to create a beautiful inter
-
32:21
The Weekly WP Roundup with B.J. Keeton (January 31, 2020)
Added 65 Views / 0 LikesEach Friday we go live with News, Tutorials, and Resources about WordPress that we think will make your professional lives just a bit better. All of the links we discuss in the stream (and more!) are in the description of the video. We have a great community so feel free to say hi in the comments and to ask any questions you may have. --NEWS WordCamp Phoenix in 1 Week! https://www.meetup.com/Divi-Phoenix/events/qlrxlrybcdbqb/ Divi Meetup Network (Worl
-
26:23
How to Create a Recipe Card Template with the Divi Theme Builder
Added 96 Views / 0 LikesFood bloggers and recipe creators know how important it is to have a consistent look to the recipes they publish. A common solution is to use a recipe card plugin but that comes with design limitations. Now, with the Divi Theme Builder, you can create your own recipe card template to use throughout your site and blog. With the help of the Advanced Custom Fields (ACF) plugin, designing a unique and reusable recipe card is easier than ever. In this post
-
03:24 Popular
What’s the Difference Between Web Hosting and Domain Hosting?
Added 133 Views / 0 LikesIn today’s video, we're going to learn the difference between web hosting and domain hosting. Blog post: https://www.elegantthemes.com/blog/wordpress/whats-the-difference-between-web-hosting-and-domain-hosting Like us on Facebook: https://www.facebook.com/elegantthemes/
-
14:01 Popular
How to Dynamically Create a Simple UX Friendly Blog Post Template with Divi
Added 125 Views / 0 LikesWhen sharing new blog posts on your website, it’s important to make the reading experience as easy as possible for your visitors. That means getting rid of as many distractions as possible, while still matching the branding on of your website. It’s also important to allow visitors to control the text size through their browser, that’s where the relative rem font unit comes in handy. It allows people to adjust the size of the font that is displayed ins
-
12:09
How to Animate Your Global Header with Divi
Added 88 Views / 0 LikesYour header is one of the most important parts of your website. It connects your pages, posts, and calls to action. It’s also one of the things your visitors automatically go looking for, so they don’t waste any time finding what they’re looking for. If you’re looking for a way to emphasize your header, you’ll enjoy this post. We’ll show you how to animate your custom-built global header using Divi’s Theme Builder. The possibilities are endless, but w
-
03:00
How to Fix the HTTP Error 503 for WordPress Sites
Added 96 Views / 0 LikesIn today’s video, we're going to learn how to fix the HTTP Error 503. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-fix-the-http-error-503-for-wordpress-sites Like us on Facebook: https://www.facebook.com/elegantthemes/
-
04:38 Popular
Get a FREE Dry Cleaning Layout Pack for Divi
Added 110 Views / 0 LikesLearn more: https://www.elegantthemes.com/blog/divi-resources/get-a-free-dry-cleaning-layout-pack-for-divi Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created a professional Dry Cleaning Layout Pack. This layout pack is beautifully structured and includes gorgeou
-
03:57
Get a FREE Event Planner Layout Pack for Divi
Added 82 Views / 0 LikesHey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. For this week, Kenny and his team have created a timely Event Planner Layout Pack we think you are going to love. This layout pack provides everything one needs to get an event planner site up and running in no time, including dedicated page layouts for portf
-
10:47 Popular
How to Create a Mobile Collapsing Nested Menu with Divi’s Theme Builder
Added 112 Views / 0 LikesA while back, we shared a mobile menu hack that helps you create a collapsing nested menu. We know many of you have used it, but with the new Divi Theme Builder, the approach becomes slightly different. In today’s tutorial, we’ll show you how to apply a mobile collapsing effect to the Menu Module inside the Divi Theme Builder. There are three main parts to this tutorial: Setting up your menu and assigning the correct classes to your menu items Buildin
-
06:47 Popular
How to Optimize Your Sidebar on Mobile Using the Divi Theme Builder
Added 121 Views / 0 LikesI some cases, keeping a sidebar on mobile can be a bit of overkill. Users are happy to scroll through relevant info on their tablets and phones (to a point). But when you have a significant amount of sidebar content after the main content of the page, users may never reach the footer, which usually consists of some important calls to action. That’s why it is important to optimize the sidebar on mobile. In this tutorial, we are going to go over ways yo









