Elegant Themes

20:16 Popular
How to Create a Minimal Product Page with Divi’s WooCommerce Modules

by Best Webhosting Added 6 years ago 105 Views / 0 Likes

Divi’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
10:47 Popular
How to Create a Mobile Collapsing Nested Menu with Divi’s Theme Builder

by Best Webhosting Added 6 years ago 112 Views / 0 Likes

A 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
09:13
How to Create a Multilingual Website with Divi or Extra and WPML

by Best Webhosting Added 6 years ago 92 Views / 0 Likes

Creating a multilingual website with Divi and Extra is easy. Both WPML ready, meaning you can create a multi-lingual website with Divi and Extra. WPML has made changes that improve compatibility with Divi and Extra and has added features that make it even easier to translate your website. In this article, we’ll see how to create a multilingual website with Divi or Extra and WPML. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-crea
14:28 Popular
How to Create a Navigation Homepage with Divi

by Best Webhosting Added 6 years ago 140 Views / 0 Likes

There are a ton of approaches that you can apply on your homepage, but if you want to add that little extra touch to your website, opting for a navigation page as your homepage might be the way to go. You won’t see it around that often and it gives your visitors a clear view of what they can expect from your website. Besides, it’ll also help your visitors navigate visually through the different pages full of the awesome content that you provide. To sh
16:01 Popular
How to Create a Navigation Mosaic with the Divi Slider Module

by Best Webhosting Added 6 years ago 113 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
04:33 Popular
How To Create A New Project In Divi

by Best Webhosting Added 6 years ago 132 Views / 0 Likes

Divi makes building a project fun and easy. A ‘Projects’ menu item has been added right inside of your Admin Panel so you can create projects as if you were creating a Post or Page. You also have the option to use the basic project structure, or to use the builder to create truly amazing project layouts. View full documentation: https://www.elegantthemes.com/documentation/divi/projects-divi/
13:33 Popular
How to Create a Person Module with Bio on Click

by Best Webhosting Added 6 years ago 113 Views / 0 Likes

In this post, we’ll show you how to create a person module with bio on click. As soon as you click on another person module in that same row, the text within the bio will change. At any time, you can close the bio by clicking on the person module again. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-person-module-with-bio-on-click
26:01 Popular
How To Create A Pop up Opt in In Bloom

by Best Webhosting Added 6 years ago 124 Views / 0 Likes

http://www.elegantthemes.com/plugins/bloom/ is the best WordPress Email Opt-In Plugin, created by Elegant Themes. Swing by http://www.elegantthemes.com to download it!
12:01 Popular
How to Create a Pop-up Demo Video on Click with Divi’s Cyber Monday Software Release Layout

by Best Webhosting Added 6 years ago 111 Views / 0 Likes

Hey Divi Nation, welcome to a special live stream featuring an exclusive Divi Layout only available to Lifetime Members and those who take advantage of our Cyber Monday sale. In this video, we are going to show you how to use the free Software Release Landing Page Layout to create a pop-up demo video on click. If you’re a new customer during the Cyber Monday sale or an existing Lifetime Member you can download this new layout by clicking the link belo
58:36
How to Create a Popup Login Form with Login/Logout Buttons in Divi

by Best Webhosting Added 3 years ago 50 Views / 0 Likes

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-popup-login-form-with-login-logout-buttons-in-divi Creating a popup login form in Divi can be an effective way to boost the design and user experience of logging in and out of your site. In this tutorial, we are going to create a popup login form with custom login and logout buttons in Divi. Using the Divi Login Module and a couple of button modules, we will create a seamles
04:22 Popular
How to Create a Privacy Policy for Your Website

by Best Webhosting Added 6 years ago 106 Views / 0 Likes

In today’s video, we're going to learn how to create a privacy policy and why you would want t. Blog post: https://www.elegantthemes.com/blog/wordpress/website-privacy-policy Like us on Facebook: https://www.facebook.com/elegantthemes/ #ElegantThemes
03:29 Popular
How to Create a Product Buying Guide for Your Business

by Best Webhosting Added 6 years ago 103 Views / 0 Likes

In today’s video, we cover how to create a product buying guide for your business. Blog post: https://www.elegantthemes.com/blog/marketing/how-to-create-a-product-buying-guide-for-your-business-and-why-youd-want-to All articles and links mentioned in the video can be found in the blog post linked above. Like us on Facebook: https://www.facebook.com/elegantthemes/
02:24
How to Create a QR Code and Use It Effectively

by Best Webhosting Added 6 years ago 94 Views / 0 Likes

In today’s video, we're going to learn how to create a QR code and use it effectively. Blog post: https://www.elegantthemes.com/blog/marketing/how-to-create-a-qr-code-and-use-it-effectively Like us on Facebook: https://www.facebook.com/elegantthemes/
18:17 Popular
How to Create a Quote Form With Divi’s Contact Form Module

by Best Webhosting Added 6 years ago 121 Views / 0 Likes

Today, I’m going to walk you through the process of building a simple yet powerful quote form using conditional logic to better qualify leads. I will also be adding a few advanced design features using custom CSS that will make the form even cleaner and more readable. Read article: https://goo.gl/Xopcjd
26:23
How to Create a Recipe Card Template with the Divi Theme Builder

by Best Webhosting Added 6 years ago 96 Views / 0 Likes

Food 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
09:02
How to Create a Responsive Accordion Slider In Divi

by Best Webhosting Added 6 years ago 98 Views / 0 Likes

An accordion slider is a fun and engaging way to display content in a small space. Accordion sliders usually consist of multiple elements (or panels) stacked horizontally like the folds of a curtain. And when you hover over one of the panels, it expands to reveal content as the other accordion panels contract. This is where we get the accordion-type effect of expanding and contracting. In this tutorial, I’m going to show you how to create a responsive
20:29 Popular
How to Create a Responsive Block Design for Woo Product Pages with Divi

by Best Webhosting Added 5 years ago 110 Views / 0 Likes

Now that you can use woo modules in Divi, the only limit is your imagination. Every dynamic woo module is customizable like all other modules inside the builder. In this post, we’ll show you how to recreate a creative block design for your product pages. The dynamic modules are grouped into a creative set that stands out from the dark background. You can also download the JSON file for free! Read more: https://www.elegantthemes.com/blog/divi-resources
49:04
How to Create a Responsive Fluid Divi Module

by Best Webhosting Added 3 years ago 30 Views / 0 Likes

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-responsive-fluid-divi-module In this tutorial, we are going to show you how to create a fluid Divi module. Using similar fluid design practices to create fluid typography and/or fluid buttons, we are going to create a fluid Divi module that will scale seamlessly with the browser viewport. As we will find out, the secret combination is adding a root body font size with a rela
09:00
How to Create a Responsive Fullscreen Contact Form Section with a Zoom In Scroll

by Best Webhosting Added 4 years ago 64 Views / 0 Likes

For many websites, the contact section of the page is the ideal destination for visitors. To state the obvious, most people/companies want their visitors to contact them for more business. That’s why it is important to optimize that section for better conversion. One way we can do that is to create a fullscreen contact form layout which gives the user a distraction-free view of the contact information. In this tutorial, we are going to build a fullscr
21:28 Popular
How to Create a Responsive Icon Navigation Homepage with Divi

by Best Webhosting Added 6 years ago 107 Views / 0 Likes

When you’re building a website with WordPress, you can always choose which page comes first when people visit your website directly. Most website creators send visitors immediately to their homepage. But you can also choose another approach that allows visitors to choose which page on your website they go to first by adding an icon navigation page as your homepage. Once people click through to their page of choice, they’ll have the normal website expe
34:00 Popular
How to Create a Responsive Slide-In Menu with Divi’s Theme Builder

by Best Webhosting Added 6 years ago 154 Views / 0 Likes

When setting up a website for a client of yourself, you’ll find yourself contemplating what type of header to build. The most used one around the web is the horizontal menu bar at the top, but there are other options as well, such as a slide-in menu. Slide-in menus help you limit the space that’s taken up by the global header. Rather than show all your menu items right off the bat, you can let a slide-in menu appear when your visitors click on the ham
10:52
How to Create a Responsive Table with Horizontal Scroll in Divi

by Best Webhosting Added 5 years ago 39 Views / 0 Likes

Creating a responsive table can be a challenge, especially if you have a table with a lot of columns. A great way to solve this problem is to add horizontal scroll capability to the table. A table with horizontal scroll solves two main problems. First, it allows the designer to keep the spacing necessary for the table content (really narrow columns will cause the content to smush together too much). And second, it allows the user to view the easy-to-r
32:44 Popular
How to Create a Reusable Divi Layout Block for Gutenberg Blog Posts

by Best Webhosting Added 6 years ago 113 Views / 0 Likes

Multistreaming 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
29:18 Popular
How to Create a Rotated Global Header with Divi’s Theme Builder

by Best Webhosting Added 6 years ago 106 Views / 0 Likes

Multistreaming with https://restream.io/ Ever since the Divi Theme Builder has come out, we’ve tried to guide you through the process of creating your own global headers. We’ll continue doing that by showing you how to create a rotated global header that appears on the left side of your pages and posts. The header’s background color is completely transparent, allowing the page/post content to show through. We’ve made sure that the global header stays
13:45
How to Create a Scroll Gallery Mockup with Divi’s New Overflow Options

by Best Webhosting Added 6 years ago 88 Views / 0 Likes

Looking for a creative way to display images on your website? Make sure you keep on reading because, in this post, we’ll show you how to create a scroll gallery mockup using Divi’s built-in options only. Concretely, we’re going to turn a section into a mockup and have all the rows in the section be part of the mockup. Once you get the technique, you’ll be able to feature any kind of content you want in a mobile mockup and add interaction to your pages
07:44 Popular
How to Create a Scrollable Text Preview Tablet with Divi

by Best Webhosting Added 6 years ago 126 Views / 0 Likes

In today’s tutorial, we’re going to show you how to create a scrollable text preview tablet on your website. The text preview will be represented in a tablet where the visitors can scroll within the tablet to read a few of the chapters that are being shared. Adding a text preview tablet to your website is an excellent way of teasing your visitors. You’re giving them the chance to explore a piece of the content you’ve created. Once they’ve read the con
24:55 Popular
How to Create a Scrolling Fashion Catalogue with Divi

by Best Webhosting Added 6 years ago 102 Views / 0 Likes

In this post, we’ll be showing you how you can create a scrolling fashion catalogue. Using this method will help you connect with your audience as you would by handing them a paper catalogue. Creating an online scrolling fashion catalogue may help increase the results you get from the catalogue. By including direct links to shop items, for example, the buying process will be enhanced as well. Read article: https://www.elegantthemes.com/blog/divi-resou
27:06
How to Create a Seamless Hover Grid with Divi

by Best Webhosting Added 5 years ago 34 Views / 0 Likes

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-seamless-hover-grid-with-divi If you enjoy building websites with user interaction in mind, you’re going to love this Divi design tutorial. Today, we’ll show you how to create a seamless hover grid. The design is initially plain and clean. As soon as someone hovers one of the items, the background image is revealed and the module styles change along with it. This results in
41:44 Popular
How to Create a Search Results Page Template in Divi

by Best Webhosting Added 6 years ago 140 Views / 0 Likes

Multistreaming with https://restream.io/ In this live stream tutorial, we are going to cover how to build a simple and elegant search results page template using the Divi Theme Builder. We will show you how to include the crucial elements of a search results page template, including a dynamic page results title and the relevant search content generated by a blog module. If you don't have Divi yet, you can learn more about this powerful theme on our we
47:24 Popular
How to Create a Segmented Circular Menu Using Divi Blurbs

by Best Webhosting Added 6 years ago 112 Views / 0 Likes

Multistreaming 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 transform some Divi blurbs into a beautiful segmented circular menu that expands and collapses on click. The trick to creating the segmented areas (like a pie chart) is to use transform skew in a pretty unique way. And the m