Elegant Themes

04:23
How to Create WordPress Custom Post Types

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

In today's video, we'll learn how to create WordPress custom post types. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-create-wordpress-custom-post-types •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #PostTypes #WordPress #ElegantThemes
11:54 Popular
How to Create Your First Divi Nation Meetup (in Just 4 Steps!) - Divi Nation Short

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

In this episode I’ll be talking about three things: First, I’ll be providing an update on where our Meetup community is at and what our goals are for the remainder of the year. Second, I’ll explain how you can become a Divi Nation Meetup Event Host. And finally, I’ll walk you through how to go about getting your first Divi Nation Meetup off the ground. Get all the details on our blog: https://www.elegantthemes.com/blog/divi-resources/how-to-create-you
16:07 Popular
How to Creatively Combine Row & Column Backgrounds with Divi’s New Options

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

In this Divi tutorial, we’re going to show you how you can combine row and column background options to create stunning results. By choosing the right combinations and settings, you can achieve designs that enhance the overall look and feel of your website. To demonstrate what we’re talking about, we’ve made an example that we’ll help you build step by step. We’ve created this result by using the Divi built-in options only so you won’t need to add any
19:55
How to Creatively Feature Popular Products on Your Divi Landing Page

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

When showing popular products on a landing page, it’s not only important to choose the right products but also to display them attractively. With Divi’s new WooCommerce Modules, countless new design possibilities have fallen into our lap. To help you get inspired, we’ll recreate a beautiful and elegant popular product design that you can use for your next Divi landing page. You’ll be able to download the JSON file for free as well! Read more: https://
19:51 Popular
How to Creatively Highlight Your Membership Deals with Divi

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

If you’re offering membership deals on your website, it’s important to make sure people will notice them on your website. To give you a headstart, we’re going to provide you with a stunning membership showcase that you can recreate step by step using Divi’s built-in options only. We’re combining a beautiful section background with Blurb Modules that showcase membership deals and a separate button that takes your visitors to the right page. Read the po
13:42 Popular
How to Creatively Use Device Screen Mockups within Divi Layouts

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

Using mockups is one of the easiest ways bring the needed professionality to your website. There are plenty of sites out there that offer free mockups that you can adjust to your need; we've created a list of some of the best ones out there in this post. And to help you get started with mockups, we're going to show you how you can make use of a screen mockup, a laptop screen in particular, to make your website shine along with some of Divi's best buil
28:47 Popular
How to Creatively Use Divi’s New Row Alignment Options

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

In today’s Divi tutorial, we’re going to show you how you can use the new row alignment options in Divi to your advantage. We’ll be combining the row alignment options with other built-in design options to give you an idea of what is possible with Divi’s Advanced Design Options. The example that we’ll show you how to recreate contains absolutely no additional code, which means anyone of any skill level can achieve this design. Read more: https://www.e
16:45 Popular
How to Creatively Use Divi’s Row Borders to Create a Stunning Hero Section Design

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

Your page’s hero section usually sets the bar for the rest of the page. It also plays a major role in your visitors’ first impression. With Divi, you can create amazing hero sections using the built-in options only. Now, if you’re looking for a way to make your next hero section stand out, you’ll love this post. We’re going to show you how to create an effective and beautiful hero section design while playing around with Divi’s row borders. You’ll be
09:30 Popular
How to Creatively Use Divi’s Toggle Module to Showcase Pricing Plans

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

When it comes to showcasing pricing plans on your website, you can take many turns and create absolutely stunning and attractive pricing pages or sections. When building a website with Divi, you’ll most likely go for the Pricing Tables Module. This module allows you to quickly add pricing tables and style them however you want to. But if you want to add more interaction to this particular section of your page, you can also use the Toggle Module to sho
19:20 Popular
How to Creatively Use Row Box Shadows with Divi

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

One of the most recent Divi updates was long-awaited; the integration of box shadows into sections, rows and modules. In this post, we’ll be focusing on how row box shadows can improve the overall look and feel of your website. To illustrate the depth box shadows can bring to your website, we’ve created an example that we’ll show you how to recreate step by step. Read the article here: https://www.elegantthemes.com/blog/divi-resources/how-to-creativel
11:07 Popular
How to Creatively Use Symbols in Your Web Design with Divi

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

Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level. This week, as part of our ongoing Divi design initiative, we’re going to show you how to creatively use symbols in your web design with Divi. For this tutorial, we’ll use the Life Coach Layout Pack but what I’m showing you in this post can be
09:26 Popular
How to Customize a Divi Product Page with Inline Dynamic Content

by Best Webhosting Added 6 years ago 101 Views / 0 Likes
04:14
How to Customize the "Read More" Link in the Divi Blog Module

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

A blog’s “Read More” links can be a crucial element for boosting user experience. So it’s important that we know how to customize it properly. In Divi, the “Read More” link can be customized within the Blog Module along with many other elements that make up the blog content. In this tutorial, we’ll be showing you how to customize the “Read More” link in the Divi Blog Module so that you have more control over the design. Blog post: https://www.elegantt
05:08 Popular
How To Customize The Style Of Contact Form 7 To Match Your Website

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

Learn how to customize the style of Contact Form 7 to match your website. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-customize-the-style-of-contact-form-7-to-match-your-website Like us on Facebook: https://www.facebook.com/elegantthemes/ With over a million active installs, Contact Form 7 is by far one of the most popular WordPress plugins ever. It's simple yet. Contact Form 7 is so simple that it seems literally anyone can use i
10:52
How to Customize Your Divi Slider to Change Specific Elements with Each Slide

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

We all know that sliders are wonderful for maximizing that prime above-the-fold section of your website. They are great! Users are welcomed with multiple CTAs and important features that slide into view without ever having to scroll down the page. But, sometimes too much change in design and content from slide to slide can distract or overwhelm visitors. That’s why in this tutorial, I’m going to show you how to customize your Divi slider to change onl
05:13
How to Design a Background with Two Layers of Gradients, Masks, and Patterns in Divi

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

⬇️ Download the Layout for FREE: https://www.elegantthemes.com/blog/divi-resources/how-to-design-a-background-with-two-layers-of-gradients-masks-and-patterns-in-divi 🔥 12 FREE Background Mask and Pattern Designs: https://www.elegantthemes.com/blog/divi-resources/download-12-free-background-mask-and-pattern-designs-for-divi 👉 Get Divi Background Masks & Patterns Today: https://www.elegantthemes.com/blog/theme-releases/background-masks-and-patterns In t
22:53 Popular
How to Design a Blog Post Template with Divi’s Theme Builder

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

A blog post template is probably the most important template you can add to a blog site. It provides a structure and design that is “magically” applied to all blog posts on the front end, while bloggers only need to worry about writing the post on the backend. This drastically saves time by streamlining the creation process to get your post out on the web quickly. And with the Divi Theme Builder, you won’t have to settle for a boring post template tha
09:15
How to Design a Checkout Process Navigation Menu in Divi

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

Leading customers through a successful checkout process is a challenging goal for every online store. So it helps to optimize your website’s checkout process to make it easier for customers. Since navigation plays a crucial role in the checkout process, we may want to start there. Creating a custom checkout process navigation menu is a great way to boost UX and sales conversion. It helps users go where they want quickly. And, it also can be used to sp
18:57 Popular
How to Design a Creative Navigation Header with Divi

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

Today’s post is about combining two very important elements on your website: header and navigation. This unique design organizes multiple buttons inside your header to serve as a navigation menu that is both functional and attractive. This design would work great for personal sites that want to keep things simple and blogs that need to showcase categories in a fresh way. If anything, I hope this will inspire you to build another great design with Divi
17:30
How to Design a Creative Product Comparison Chart with Divi

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

A product comparison chart can be an extremely effective way to promote new products along with their upgraded features. The visual aspect of a chart is more appealing to users than simple text. And the structure of a side-by-side comparison allows users to see the difference between each product feature with ease. In this tutorial, I’m going to show you how to design a creative product comparison chart with Divi. And this design layout can be used fo
18:47
How to Design a Divi Timeline Layout with Scroll Effects

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

A timeline layout can come in handy for a lot of different applications on a website, especially if it looks great on mobile. You can use it for showcasing a sequence of milestones on an about page, featuring the steps of a process, and much more. And with Divi’s scroll effects, you can make a timeline design come alive! In this tutorial, we’ll show you how to design a complete Divi timeline layout with scroll effects. The timeline layout is versatile
21:13
How to Design a Dynamic Author Box for Your Blog Post Template with Divi

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

Mentioning the post author in your blog posts is essential. Now, with Divi’s Theme Builder you can add a site-wide dynamic author box to your posts. You can also style the author box using Divi’s built-in options, this can leads to beautiful web design. In this tutorial, we’ll show you exactly how to design a beautiful dynamic author box inside your post template. You’ll be able to download the post template JSON file for free as well! Read more: http
35:48
How to Design a Floating Footer Drawer in Divi

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

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. Footer drawers are containers of web content (like a Divi section) that can be toggled open and closed by the click of a button or on hover. It is like having a little hiding place for premium content. In this live tutorial, we are going to design a floating footer drawer in Divi. With the process
49:36 Popular
How to Design a Fluid Hero Section in Divi

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

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-design-a-fluid-hero-section-in-divi A website’s hero section is one of the best candidates for fluid design. Unlike traditional responsive design that adjusts at different breakpoints, fluid design scales seamlessly with the browser viewport and keeps the design consistent on any device. In this tutorial, we are going to show you how to create an entire fluid hero section in Divi. Th
10:17 Popular
How to Design a Geometric Grid Layout in Divi

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

Designing a geometric grid layout for your website can be extraordinarily beautiful. One of my favorite geometric design element is a hexagon. Hexagons can be used to design well-balanced and harmonious grid layouts (think bee hive). But the design can come with challenges. You have create shapes to serve as backgrounds for your content. Then you have to fit your content inside the shape. Then you have to make sure those shapes are spaced correctly on
14:13 Popular
How to Design a Guest Speaker Section with an Effective CTA in Divi

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

Whether you have a podcast or are hosting a WordCamp (or any speaker event), it’s always a good idea to have a guest speaker section for your website. Like testimonials, showcasing guest speakers is an effective way to promote the value and establish credibility with your audience. A guest speaker section is also a key spot for reeling in some new candidates for your next event or episode. This tutorial shows you how to design a guest speaker section
10:54
How to Design a Hero Section with Custom Transitions and Animations in Divi

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

An engaging hero section is one of the more important aspects of any website. Adding smooth transitions and animations to showcase the hero section content is one way you can boost the quality of your hero section. In Divi, basic hero section transitions can be accomplished easily with a slider module (going from one slide to another), but the animation design possibilities can be limited. However, with a little creative (outside the box) thinking, yo
08:47
How to Design a Pop Out Social Media Follow Buttons Bar to your Page Template in

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

Social Media Follow buttons continue to be a popular addition to any website. Companies and individuals use these links to redirect users to their social media pages in hopes that visitors will follow them or subscribe to their channel. Normally, you see these buttons in a contact page, sidebar or at the footer of a website. In this tutorial, we are going to show you how to design a pop out social media follow buttons bar to a page template in Divi. T
42:17 Popular
How to Design a Recent Posts by Category Layout with Cool Hover Effects in Divi

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

Multistreaming with https://restream.io/ For this tutorial, we are going to show you how to display recent posts by category. Using only the Divi Builder (and a few blog modules), we are going to create a section that displays the latest posts from four different categories. This recent posts by category section will include unique category tags, animations, and hover effects – all without a plugin. Check it out! You can read the post for this use cas
50:49 Popular
How to Design a Responsive Five Column “Showcase” Layout with Divi

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

Multistreaming with https://restream.io/ Hey Divi Nation, welcome to a brand new Divi Use Case live stream. Designing a five column layout with enough room for your content can be challenging. Not to mention the greater challenge of making sure it scales nicely on all browser sizes. In this tutorial, I’m going to show you how to Design a Responsive Five Column “Showcase” Layout with Divi. I’ll cover how to maximize the space needed to fit content insi