Elegant Themes


  • 22:29 How to Add Ticket Support to Divi’s Free SaaS Layout Pack

    How to Add Ticket Support to Divi’s Free SaaS Layout Pack

    by Best Webhosting Added 91 Views / 0 Likes

    Every week, we provide you with a new and free Divi layout pack which you can use for your next project. Along with every layout pack, we also provide you with 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 showing you how to ticket support to Divi’s free SaaS layout pack. With ticket support, you can easily follow up on all the questions your customers have about the so

  • 25:33 How to Add Vehicle Parts Search to Divi’s Auto Repair Layout Pack Shop Page

    How to Add Vehicle Parts Search to Divi’s Auto Repair Layout Pack Shop Page

    by Best Webhosting Added 89 Views / 0 Likes

    Every week, we provide you with a new and free Divi layout pack which you can use for your next project. Along with every layout pack, 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 add vehicle part search to Divi’s Auto Repair Layout Pack. This will allow your website’s visitors to easily navigate through all of your shop items. Th

  • 11:19 Popular How to Add Vertical Slider Elements to Divi’s Slider Module for a Unique Header Design

    How to Add Vertical Slider Elements to Divi’s Slider Module for a Unique Header Design

    by Best Webhosting Added 105 Views / 0 Likes

    Divi’s slider module is packed with design options that make it easy to think outside the box and create stunning slider designs. So today, we are going to turn some things around (literally). In the post that follows, we are going to add vertical slider elements to Divi’s slider module. Having a slider with vertical elements (like title text and slide controls) allow visitors to see more slide content and background images in narrower columns (especi

  • 37:23 Popular How to Add Wholesale Options to Your Shop with Divi

    How to Add Wholesale Options to Your Shop with Divi

    by Best Webhosting Added 106 Views / 0 Likes

    Multistreaming with https://restream.io/ In this use case livestream, I’m going to show you how easy it is to start offering wholesale pricing for your products on your WooCommerce shop. To do this I’ll be using Divi, WooCommerce, the WooCommerce Wholesale Prices plugin and the brand new Tea Shop Divi layout pack. Let’s get started. Here is a link to the the Wholesale Prices plugin: https://wordpress.org/plugins/woocommerce-wholesale-prices/ You can r

  • 38:32 Popular How to Add Your Best Customer Reviews to Divi's Exclusive Cyber Monday Furniture Sale Landing Page L

    How to Add Your Best Customer Reviews to Divi's Exclusive Cyber Monday Furniture Sale Landing Page L

    by Best Webhosting Added 106 Views / 0 Likes

    Multistreaming with https://restream.io/ 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 livestream we are going to show you how to add your best customer reviews to our stunning Furniture Sale Landing Page layout. If you’re a new customer during the Black Friday and Cyber Monday sale or an existing Lifetime Member you

  • 02:45 How to Add Your Business' Yelp Reviews to WordPress

    How to Add Your Business' Yelp Reviews to WordPress

    by Best Webhosting Added 97 Views / 0 Likes

    In today’s video, we're going to learn how to add your business' Yelp reviews to your WordPress website. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-add-your-business-yelp-reviews-to-wordpress Like us on Facebook: https://www.facebook.com/elegantthemes/

  • 08:25 Popular How To Adjust Divi’s Column Stacking Order on Mobile Devices

    How To Adjust Divi’s Column Stacking Order on Mobile Devices

    by Best Webhosting Added 122 Views / 0 Likes

    Today I am going to show you two ways you can change Divi’s column stacking order on mobile Devices. The first involves creating an alternate version of the content specifically for mobile devices using the “Disable On” feature within Divi. The second way is to use custom CSS to add classes to your columns which designate their order on Mobile. Read article: https://goo.gl/ML3PaB

  • 03:10 Popular How to Allow Users to Submit Articles to your WordPress Blog

    How to Allow Users to Submit Articles to your WordPress Blog

    by Best Webhosting Added 103 Views / 0 Likes

    In today's video, we'll learn how to allow users to submit articles to your WordPress blog Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-allow-users-to-submit-articles-to-your-wordpress-blog •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #SubmitArticles #WordPress #ElegantThemes

  • 02:23 Popular How to Allow Your Website Visitors to Request a Callback

    How to Allow Your Website Visitors to Request a Callback

    by Best Webhosting Added 102 Views / 0 Likes

    In today’s video, we're going to learn how to allow your website visitors to request a callback. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-allow-your-website-visitors-to-request-a-callback Like us on Facebook: https://www.facebook.com/elegantthemes/

  • 42:21 Popular How to Animate Letters for Unique Text Designs in Divi

    How to Animate Letters for Unique Text Designs in Divi

    by Best Webhosting Added 136 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, I’m going to show you how to animate letters for some unique text designs in Divi. By putting individual letters into a text module, you can target the animation of each letter with different animation styles, duration, and delays that will

  • 12:16 How to Animate Parallax Background Images with Divi’s Scroll Effects

    How to Animate Parallax Background Images with Divi’s Scroll Effects

    by Best Webhosting Added 96 Views / 0 Likes

    Combining scroll effects with parallax background images can create quite a magical design for your visitors. Since the parallax effect already puts the image in motion as the user scrolls down the page, adding additional scroll effects (like horizontal motion and rotation) can really set the design apart and open doors for more creative layouts. In this tutorial, we are going to walk through how to animate parallax background images using Divi’s scro

  • 12:09 How to Animate Your Global Header with Divi

    How to Animate Your Global Header with Divi

    by Best Webhosting Added 88 Views / 0 Likes

    Your 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

  • 14:13 Popular How to Apply a Gradient Text Color to Your Copy Using Divi’s Built in Options Only

    How to Apply a Gradient Text Color to Your Copy Using Divi’s Built in Options Only

    by Best Webhosting Added 121 Views / 0 Likes

    No matter what kind of website you’re creating, highlighting copy and content remains one of the top priorities. With Divi’s built-in options, there are a ton of ways to get there. One of the possibilities you have is applying a gradient text color to your copy. This is a great approach for adding color to your website, especially if you’re keeping the rest of your website clean and minimalistic. It helps to balance whitespace and it gives your websit

  • 26:26 How to Apply Colliding Animations to Design Elements with Divi

    How to Apply Colliding Animations to Design Elements with Divi

    by Best Webhosting Added 92 Views / 0 Likes

    Adding animations to design elements on your page can definitely help you increase engagement. There are many animation options available in Divi’s Visual Builder and they’re quite straightforward to use. But you can also get creative with these animations and use them in a unique way. In this post, we’ll handle three examples of colliding animations which we’ll recreate step by step, using Divi’s built-in options only. Read the post: https://www.eleg

  • 03:51 How to Assign a Different Blog Post Template to Specific Posts with Divi

    How to Assign a Different Blog Post Template to Specific Posts with Divi

    by Best Webhosting Added 57 Views / 0 Likes

    There are times when we want to use a different post template just for a certain blog post. There are many good reasons to do this, and fortunately, it’s easy to do with the Divi Theme Builder. In this article, we’ll see how to assign a different blog post template to specific posts with Divi. Blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-assign-a-different-blog-post-template-to-specific-posts-with-divi Download the template: htt

  • 18:10 How to Automatically Add a Bottom Page Contact Form to All Pages with Divi’s Theme Builder

    How to Automatically Add a Bottom Page Contact Form to All Pages with Divi’s Theme Builder

    by Best Webhosting Added 87 Views / 0 Likes

    When you’re busy setting up all pages you want to include on your website, chances are high you’ll want to include a contact form at the end of each page to make your visitors’ journey easier. With Divi, you can, of course, add a contact form to the page itself, but if you’d rather streamline the process, that’s possible as well. In today’s Divi tutorial, we’ll show you how to automatically add a bottom-page contact form to all your pages at once. We’

  • 26:58 Popular How to Automatically Generate Container Space for Your Fixed Divi Header (Using JQuery)

    How to Automatically Generate Container Space for Your Fixed Divi Header (Using JQuery)

    by Best Webhosting Added 105 Views / 0 Likes

    When opting for a fixed header on your website, you’ll automatically find yourself using Divi’s built-in position options. The fixed position option inside Divi allows you to stick any element to a specific location on your page. When using a fixed position, however, the container space of your element is removed. The fixed header floats on top of your page content creating an overlap that you don’t necessarily want. To avoid this, you can generate co

  • 22:21 Popular How to Automatically Place Your Header Below Each Page’s First Divi Section

    How to Automatically Place Your Header Below Each Page’s First Divi Section

    by Best Webhosting Added 109 Views / 0 Likes

    Multistreaming with https://restream.io/ Ever since the Divi Theme Builder has come out, we’ve been sharing tutorials on how to create and customize a header to match it with different needs you might have. In today’s tutorial, we’ll continue that journey by showing you how to automatically place a custom header below each page’s first Divi section. This approach allows visitors to see the hero section of your pages first and then get access to the me

  • 02:25 How to Automatically Publish from WordPress to Instagram

    How to Automatically Publish from WordPress to Instagram

    by Best Webhosting Added 53 Views / 0 Likes

    In today's video, we'll learn how to automatically publish from WordPress to Instagram. Blog post: https://www.elegantthemes.com/blog/wordpress/automatically-publish-from-wordpress-to-instagram ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Instagram #WordPress #ElegantThemes

  • 25:59 How to Automatically Scroll Horizontally When Scrolling Vertically with Divi & GSAP

    How to Automatically Scroll Horizontally When Scrolling Vertically with Divi & GSAP

    by Best Webhosting Added 60 Views / 0 Likes

    Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-automatically-scroll-horizontally-when-scrolling-vertically-with-divi-gsap The more you explore websites on the web, the more you come across some really customized on-page experiences. You might have been wondering how to achieve certain advanced functionality and the answer is often this: by using an animation JavaScript library. A popular animation library nowadays is GSAP. But ju

  • 02:22 How to Automatically Take Browser Screenshots and Display Them in WordPress

    How to Automatically Take Browser Screenshots and Display Them in WordPress

    by Best Webhosting Added 58 Views / 0 Likes

    In today's video, we'll learn how to automatically take browser screenshots and display them in WordPress. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-automatically-take-browser-screenshots-and-display-them-in-wordpress •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #BrowserScreenshots #WordPress #ElegantThemes

  • 07:49 How to Balance the Primary & Secondary Buttons in Your Divi Fullwidth Header Module

    How to Balance the Primary & Secondary Buttons in Your Divi Fullwidth Header Module

    by Best Webhosting Added 85 Views / 0 Likes

    Primary buttons and secondary buttons help guide your website visitors towards certain actions. Primary buttons are typically the most common or desired action and secondary buttons are a less common action. This helps guide visitors to where they want to go. To accomplish this, primary buttons should stand out visually and secondary buttons should not stand out as much. That means primary buttons should be more distinctive and have more visual weight

  • 38:54 How to Beautifully Showcase Services on Mobile Devices with Divi

    How to Beautifully Showcase Services on Mobile Devices with Divi

    by Best Webhosting Added 96 Views / 0 Likes

    If you are focusing on mobile-first designs, this post might help you out. We’ve created two beautiful examples of service showcases that look great on smaller screen sizes. More so, they were specifically designed to look their best on mobile while still maintaining a good design on the desktop. In this post, we’ll show you step by step how to recreate them from scratch. We hope this tutorial will inspire you to unleash your creativity when designing

  • 07:38 How to Blend Images to Create a Custom Background Design in Divi

    How to Blend Images to Create a Custom Background Design in Divi

    by Best Webhosting Added 99 Views / 0 Likes

    Blending multiple images can be helpful for creating professional background designs for your website. The idea is to take two or three separate images and layer them on top of each other. Then use a blend mode to mix the layers together to create a unified harmonious design. Every Divi builder element has built-in blend mode and filter options to make blending elements easy to do right there in the Divi builder. Of course, you could blend images in p

  • 10:44 Popular How to Blend Your Header & Body Using Divi’s Post Content Module & Section Dividers

    How to Blend Your Header & Body Using Divi’s Post Content Module & Section Dividers

    by Best Webhosting Added 125 Views / 0 Likes

    By now, we’ve all gotten used to Divi’s built-in section divider. They help add that extra touch to the websites we build. They also serve as a smooth transition between two different sections, but with Divi’s Theme Builder, the approach to creating that transition is slightly different. In this post, we’ll guide you through the steps you have to take to get there. You’ll be able to download the template JSON file for free as well! Read more: https://

  • 16:09 How to Boost Your CTA with a "Winning Spin" Scroll Effect

    How to Boost Your CTA with a "Winning Spin" Scroll Effect

    by Best Webhosting Added 50 Views / 0 Likes

    It is always fun to win a prize. That’s why companies market their products and services online by giving away free stuff. It could be a coupon for a free dessert with your first order, or a free e-book when you subscribe to an email list. But sometimes, even freebies can get ignored on the web. Adding an elegant “winning spin” scroll effect might be a great way to give your CTA the attention it deserves while creating an engaging interaction for visi

  • 25:54 How to Build a Barbershop Website with Divi

    How to Build a Barbershop Website with Divi

    by Best Webhosting Added 78 Views / 0 Likes

    Every Barber shop needs a great looking website. And with the power of Divi behind you (and those wonderful free Divi layout packs) you can easily create a website any Barber would be proud to have. Today, I’m going to show you how to build a website for a barber shop using Divi. I’ll be starting things off with the Coffee Shop Layout pack. I’m doing this for a few reasons: 1. The layout offers a great color scheme that fits a barber shop. 2. The page

  • 10:32 How to Build a Clickable Table of Contents for a Blog Post with the Divi Layout

    How to Build a Clickable Table of Contents for a Blog Post with the Divi Layout

    by Best Webhosting Added 64 Views / 0 Likes

    Adding a clickable table of contents to a blog post is a great way to improve user experience. In many cases, a blog post table of contents uses anchor links to help users navigate through the content. And, a table of contents (with anchor links) is really simple to build using basic HTML. However, adding custom design/CSS to customize it can be a challenge. This is where the Divi Layout Block comes in handy. In this tutorial, we are going to design a

  • 21:03 Popular How to Build a Creative Image Layout with Overlapping and Vertical Text

    How to Build a Creative Image Layout with Overlapping and Vertical Text

    by Best Webhosting Added 109 Views / 0 Likes

    There is something beautiful about the organization of a good image layout or grid. But sometimes, beauty is found outside the boundaries of perfect symmetry. We’ve all seen examples of this kind of asymmetrical balance used in marketing. You can find them on restaurant menus, brochures, and countless websites with portfolios and galleries. Today I’m going to show you how to build your own creative image layout using Divi. The concepts aren’t earth-sh

  • 12:45 How to Build a Divi Notification Box for COVID 19 Updates FREE Download

    How to Build a Divi Notification Box for COVID 19 Updates FREE Download

    by Best Webhosting Added 40 Views / 0 Likes

    There is always a need for notification boxes on a website. They are helpful additions that supply important information to users where they can see it. Unfortunately, the growing COVID-19 epidemic has left many websites with the pressing need to keep their users updated. A notification box is a great way to do it. Today, we are giving away a FREE Divi notification box section layout (complete with all the necessary code/functionality) for you to add

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