Elegant Themes

21:09 Popular
How to Combine a Scroll Progress Bar with a Fixed Navigation Menu in Divi

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

Progress Bar Indicators can add a nice touch to your website, boosting UX with a useful (and fun) interaction. Normally, progress bars stand alone at the top of the page without much connection to the actual content of the page. The user simply has a visual indicator of where they are on the page. But, today, we are going to take this functionality to another level. In this tutorial, we are going to show you how to combine a scroll progress bar with a
39:14 Popular
How to Combine Animations and Parallax in Divi for Unique Designs

by Best Webhosting Added 6 years ago 125 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. Today, we are going to use Divi’s built-in design settings to combine animations and parallax in all sorts of creative ways. The combination works together quite magically to create a beautiful layout of animated parallax images that look awesome as you scro
04:15
How to Combine Divi’s Background Gradient Builder, Masks and Patterns

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

Today we are going to show you how to combine Divi’s Background Gradient Builder with background masks and patterns to create a beautiful background design. We’ll show you how to add each of the background design elements (background gradient, masks and patterns) to a section. Plus, we’ll demonstrate how easy and fun it can be to change the design combinations with a few simple clicks. 📝 Blog post: https://www.elegantthemes.com/blog/divi-resources/how
13:21
How to Combine Hover Effects with CSS Parallax Backgrounds in Divi

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

Using 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.
18:24 Popular
How to Combine Image Background & Box Shadow Options with Divi

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

In this Divi post, we’ll be showing you how you can combine the background and shadow options of an Image Module. This post is meant to stimulate your imagination and show you how new Divi features can work with existing ones–leading to creative results. To help you with the creative process, we’ve created 4 combinations which we’ll show you how to recreate step by step. Read the article here: https://www.elegantthemes.com/blog/divi-resources/how-to-c
12:16
How to Combine Scroll Snapping and Motion Effects for Smooth Animations

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

If you’re looking for a way to create smooth animations with Divi’s built-in scroll effects, you’re going to love this post. We’ll show you how to combine scroll snapping with Divi’s built-in motion effects to create full height sections that you can scroll between in one go. We’ll start by creating the first section. We will, then, reuse that section throughout our page design. To enable the scroll snapping, we’ll use CSS scroll snap properties which
09:24 Popular
How to Configure Your WooCommerce Shipping Options

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

In today’s video, we're going to learn how to configure your WooCommerce shipping options. Blog post: https://www.elegantthemes.com/blog/wordpress/woocommerce-shipping Like us on Facebook: https://www.facebook.com/elegantthemes/
03:55
How to Configure Your WordPress Discussion Settings

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

In today's video, we'll learn how to configure your WordPress discussion settings. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-configure-your-wordpress-discussion-settings ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery... 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Tutorial #WordPress #ElegantThemes
02:16
How to Configure Your WordPress General Settings

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

In today's video, we'll learn how to configure your WordPress general settings. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-configure-your-wordpress-general-settings ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery... 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Tutorial #WordPress #ElegantThemes
02:19
How to Configure Your WordPress Media Settings

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

In today's video, we'll learn how to configure your WordPress media settings. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-configure-your-wordpress-media-settings ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery... 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Media #WordPress #ElegantThemes
03:13
How to Configure your WordPress Permalink Settings

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

In today's video, we'll learn how to configure your WordPress permalink settings. Blog post: https://www.elegantthemes.com/blog/wordpress/wordpress-permalink-settings ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery... 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Permalinks #WordPress #ElegantThemes
02:47
How to Configure Your WordPress Reading Settings

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

In today's video, we'll learn how to configure your WordPress reading settings. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-configure-your-wordpress-reading-settings ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery... 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Reading #WordPress #ElegantThemes
03:29
How to Configure Your WordPress Writing Settings

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

In today's video, we'll learn how to configure your WordPress writing settings. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-configure-your-wordpress-writing-settings ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery... 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Writing #WordPress #ElegantThemes
02:05 Popular
How To Control WordPress User Permissions Effectively Using The User Role Editor

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

In today’s video we take a look at how to control WordPress user permissions effectively using the User Role Editor plugin. Blog post: https://www.elegantthemes.com/blog/tips-tricks/control-user-roles-permissions-with-wordpress Like us on Facebook: https://www.facebook.com/elegantthemes/
45:32 Popular
How to Convert Divi Rows into Horizontal and Vertical Hover Tabs

by Best Webhosting Added 6 years ago 115 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. This week, we're going to show you how to convert entire Divi rows into hover tabs. We'll also cover how to create both horizontal and vertical tabs as well. This will unlock the power of Divi to design complete row layouts with multiple modules for each tab
04:35
How to Convert Wix to WordPress

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

In today’s video we take a look at how to convert Wix to WordPress. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-convert-wix-to-wordpress-a-complete-guide-to-all-your-options WordPress Hosts Guide: https://www.elegantthemes.com/blog/resources/wordpress-hosting-the-ultimate-guide-to-choosing-the-best-option WordPress Install Guide: https://www.elegantthemes.com/blog/tips-tricks/putting-the-famous-wordpress-5-minute-install-to-the-te
25:51
How to Cover Your Hero Section on Scroll with Divi’s Sticky Options

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

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-cover-your-hero-section-on-scroll-with-divis-sticky-options If you’re currently working on your website’s hero design inside Divi, you might be looking for some interesting ways to add an effect on scroll. With Divi’s sticky options, a ton of design possibilities are possible. In today’s tutorial, we’ll highlight one of those possibilities. We’ll show you, step by step, how to cover
14:26
How to Create "Floating" Objects in Divi Using Dropshadow

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

In this tutorial, I’m going to show you how to add a multi-layered drop shadow for your images right from the Divi Builder without any external custom CSS or photo editing software. When it comes to drop shadows, the more layers you have the more realistic the shadow looks because it will be better blended together. That is why I’m going to show you how to layer 5 text modules, each with a custom box shadow, to serve as a great drop shadow for images
11:49 Popular
How to Create & Use Textured Backgrounds with Divi’s Design Options

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

In today’s Divi tutorial, we’re going to show you how you can create simple textured backgrounds and use them as backgrounds for your sections to make your website look just a little bit more authentic. If you check out our recent free Learning Management Layout, you’ll see that we’ve used a textured background throughout all the pages as well. Now, we’re going to start off by showing you two types of textures which we’ll recreate with Photoshop; text
08:22 Popular
How to create 15 Fun Divi Section Divider Styles

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

In this video I’m going to show you how to use a few simple CSS snippets to achieve unique section dividers on your Divi website. If you’d like to follow along you will find all of the code snippets we use throughout this video as well as step-by-step instructions for fifteen different section divider styles here is the link: http://www.elegantthemes.com/blog/divi-resources/15-fun-divi-section-divider-styles-you-can-use-on-your-next-project The sectio
12:59 Popular
How to Create 3 Stunning Monospaced Font Designs in Divi

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

Monospaced 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
17:58
How to Create 3D Motion Scroll Effects in Divi

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

Add 3D Motion Scroll Effects into your Divi website can easily be done by combining a few powerful built-in Divi features – scroll effects and transform rotation. The idea is actually a simple one. Before we move elements horizontally or vertically using scroll effects, we rotate the element’s container using transform rotate. This allows the motion (on scroll) to occur on a plane in 3D space. In this tutorial, we are going to show you how to add 3D m
22:03 Popular
How to Create a 3 Step Blurb Reveal on Hover with Divi

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

A lot of company websites out there share a preview of their approach at some point. When creating an approach section, you can handle it in the traditional way, or you can try to add more interaction to it. If you’re looking for a way to make the second option happen, you’re going to love this post. In this tutorial, we’ll show you how to create a 3-step blurb reveal using Divi’s new sizing options. We’ll start off by showing the title, continue by d
11:54
How to Create a 3 Step Sales Funnel with Divi

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

Sales funnels are the most important and effective methods of selling through a website. A well-designed sales funnel will help capture leads, improve conversions, and increase profits. Building effective sales funnels is easy to do with Divi. In this article, we’ll see how to create a 3-step Divi sales funnel using a free plugin called Funnel Builder by CartFlows. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-sales-funn
10:06
How to Create a 3D Sign Post with Hover Effects in Divi

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

We all know that a good website makes it easy for visitors to find what they are looking for quickly and efficiently. And, it always helps if you can make your content more engaging. In this tutorial, I'm going to show you how to design a 3D sign post that will engage users and make it easy for them to find what they are looking for in a unique way. To do this, we'll be using Divi's transform options and the perspective css property on multiple blurb
13:00 Popular
How to Create a 4 Corner Fixed Navigation with Divi

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

A unique navigation design can give any website a bit of an edge. 4-corner fixed navigation, for example, is a good way to give viewers more options to interact with your website’s design. In fact, it adds another layer to your UX design throughout the site. In this post, we are going to show you how to create your own 4-corner fixed navigation. We’ll explain how to create two slightly different styles, but these are just the tip of the iceberg. Since
13:34 Popular
How to Create a 404 Page Template with Divi's Theme Builder

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

Divi’s Theme Builder and the built-in design options have opened a ton of new doors. More than ever before, you’re now able to customize every single page your customers land on. This includes setting up a 404 page. In this tutorial, we’ll show you how to create a beautiful 404 page template and have it apply to your website right away. We’ll only use Divi’s built-in options and you’ll be able to download the template JSON file for free as well. We ho
11:02 Popular
How to Create a Beautiful Animated Outline for Each Container with Divi

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

Divi’s animation options have helped bring tons of website to life without the need for custom code. The built-inanimation settings are highly adjustable and they allow you to create really unique designs. One of the things you can do, for example, is creating an animated container outline. That’s exactly what we’ll show you in this post. We’ll add a border to each container and add animation settings that match the flow of each element. You’ll be abl
14:03
How to Create a Beautiful Column Colliding Hero Section on Scroll with Divi

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

Divi’s scroll effects bring a ton of new design possibilities to the websites you create. The subtle interactions you choose to add can really help elevate the overall look and feel of your website. It all gets even better as soon as you synchronize scroll effects. In this tutorial, we’ll specifically handle creating a beautiful column-colliding hero section on scroll. The hero section design merges two different columns on scroll, which in turn helps
14:13 Popular
How to Create a Beautiful Hero Section for Your Personal Website with Divi

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

Creating a personal website is both fun and challenging. You want your website to look engaging and personal enough to get your story told. And at the same time, you want to have a beautiful and authentic website that shows that you know what you're doing. To help you with the creative process of creating such personal website, we've created a beautiful hero section that'll definitely make your website stand out. In this post, we'll be showing you ste