Elegant Themes


  • 06:33 How to Start an Online Store for your Brick-and-Mortar Business

    How to Start an Online Store for your Brick-and-Mortar Business

    by Best Webhosting Added 61 Views / 0 Likes

    In today's video, we'll learn how to start an online store for your brick and mortar business. Blog post: https://www.elegantthemes.com/blog/business/how-to-start-an-online-store-for-your-brick-and-mortar-business •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #Ecommerce #WordPress #ElegantThemes

  • 27:11 How to Structure Your FAQ with Custom Tabs in Divi

    How to Structure Your FAQ with Custom Tabs in Divi

    by Best Webhosting Added 52 Views / 0 Likes

    Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-structure-your-faq-with-custom-tabs-in-divi When you’re designing the frequently asked questions page for your website, keeping user experience at the top of your mind is essential. Visitors are looking for answers as quickly as possible, and the way you design your page has a big influence on it. If the frequently asked questions are limited in amount, you can easily showcase them b

  • 10:27 Popular How to Stunningly Combine Divi’s Column & Module Backgrounds with Blend Modes

    How to Stunningly Combine Divi’s Column & Module Backgrounds with Blend Modes

    by Best Webhosting Added 113 Views / 0 Likes

    With all various Divi built-in options and regular feature updates, the quality of the websites designs you create can go up quickly. One of the feature updates that was long expected was the filters and blend modes one. We’ve already shared some great examples that you can recreate and we’d like to add one to that list; how to stunningly combine Divi’s column and module backgrounds. Blend modes work like layers do within Photoshop; once you apply a b

  • 07:40 How to Style a Beautiful Pricing Table in Divi

    How to Style a Beautiful Pricing Table in Divi

    by Best Webhosting Added 96 Views / 0 Likes

    Pricing tables can be a hugely important element for converting a potential customer into a full-fledged buyer. While your pricing table has a very specific role within your site (that of providing information), it also offers the opportunity to catch the eye with its design. Simply put, an attractive pricing table can help to captivate a buyer, and even persuade them to make a purchase. Read more: https://www.elegantthemes.com/blog/divi-resources/how

  • 15:52 Popular How to Style a Beautiful Pricing Table in Divi

    How to Style a Beautiful Pricing Table in Divi

    by Best Webhosting Added 115 Views / 0 Likes

    Pricing tables are often the main CTA of a page. That’s why it is important to style them properly. With Divi, you can take many turns and create pricing tables exactly the way you imagine them. To give you some food for thought, we’ve created a stunning pricing table that you can use for any kind of website you’re working on. We’ll guide you through creating the outcome from A to Z using Divi’s built-in options only. Read the article here: https://ww

  • 05:09 How to Style a WooCommerce Product to Show Text Instead of an Icon on Hover in Divi

    How to Style a WooCommerce Product to Show Text Instead of an Icon on Hover in Divi

    by Best Webhosting Added 97 Views / 0 Likes

    In this post we won’t be going over WooCommerce in detail but a great article about Divi + WooCommerce was just recently published on our blog and you can find it here. Sometimes styling WooCommerce can be a bit tricky, especially if your CSS game is a bit lacking or somewhat non-existent. What we’ll be doing today is changing what users see when they hover over a product. Read article here https://goo.gl/TKIQlq

  • 15:17 Popular How to Style Divi’s Comments Module Inside a Blog Post Template

    How to Style Divi’s Comments Module Inside a Blog Post Template

    by Best Webhosting Added 101 Views / 0 Likes

    Designing a blog post template is pretty easy with the Divi theme builder. But there’s one thing that tends to get overlooked when designing blog templates, and that’s the comments section. Thankfully, Divi has a customizable comments module that can easily be added to a blog post template. In this post, we’ll show you how to create two custom comments section designs that you can include in any blog template. You’ll be able to download the JSON file

  • 06:58 Popular How to Style Divi’s Countdown Timer Module with Simple Elegance

    How to Style Divi’s Countdown Timer Module with Simple Elegance

    by Best Webhosting Added 121 Views / 0 Likes

    Adding a countdown timer to your website can be a very effective way to engage your website visitors. Whether you want to create urgency for a special offer or promotion, build suspense before an epic product or website launch, or count down to a specific event such as a wedding or concert, countdown timers can be the perfect “added touch” to your WordPress website. In this video tutorial, I show you step by step How to Style Divi’s Countdown Timer Mo

  • 07:53 Popular How to Style Divi’s Post Slider like Design Milk’s Post Slider

    How to Style Divi’s Post Slider like Design Milk’s Post Slider

    by Best Webhosting Added 123 Views / 0 Likes

    The Divi Post Slider Module looks great even with it’s default settings, but there will be situations that require you to modify its appearance. This series will explore five different post slider designs found in some popular online publications, and how similar designs can be created using Divi’s Post Slider Module. Here's the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-post-slider-like-design-milks-post-sl

  • 09:58 Popular How to Style Divi’s Post Slider Module like Brit + Co's Post Slider

    How to Style Divi’s Post Slider Module like Brit + Co's Post Slider

    by Best Webhosting Added 103 Views / 0 Likes

    In today’s video, I show you to Style Divi’s Post Slider Module to look like Brit + Co's Post Slider. The project demonstrates how to customize the Divi Post Slider module using CSS to display (or hide) and style very specific post elements. Here is the link to post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-post-slider-module-like-brit-cos-post-slider

  • 06:30 Popular How to Style Divi’s Post Slider Module like Facebook Newsroom’s Post Slider

    How to Style Divi’s Post Slider Module like Facebook Newsroom’s Post Slider

    by Best Webhosting Added 138 Views / 0 Likes

    Post sliders are an elegant solution for presenting a variety of content to your readers. The posts that are highlighted can be organized in a number of ways from categories to date. In today’s project, we’re looking at an example from the Facebook Newsroom blog page which presents a category of posts called “Top Stories”. It’s a very attractive slider that emphasizes the post title and the featured image. We’ll recreate the look of this slider using

  • 04:32 Popular How to Style Divi’s Single Post to Match the New Elegant Themes Post Design

    How to Style Divi’s Single Post to Match the New Elegant Themes Post Design

    by Best Webhosting Added 141 Views / 0 Likes

    Today, I’m going to show you how to design your single blog post like the new Elegant Themes blog posts. This requires a few modifications to the default post template and some custom CSS. After you implement this new design, you will be able to use the default editor or the Divi Builder for you blog post and still keep the same new design. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-single-post-to-match-the-new-ele

  • 09:40 Popular How to Style Divi’s Slider Module for a Bold Team Members Area

    How to Style Divi’s Slider Module for a Bold Team Members Area

    by Best Webhosting Added 118 Views / 0 Likes

    In this video, I am going to show you how to Style Divi’s Slider Module for a Bold Team Members Area. Traditionally team members have a “card” style look or are placed one per column. This is just another idea to display your staff as well as make use of Divi’s slider module in a creative way. Click the link to view the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-slider-module-for-a-bold-team-members-area

  • 10:50 Popular How to Style Gravity Forms to Look Like Divi

    How to Style Gravity Forms to Look Like Divi

    by Best Webhosting Added 119 Views / 0 Likes

    When it comes to WordPress form plugins there are quite a few options to choose from. In a previous Elegant Themes tutorial, I shared some CSS snippets for styling the Caldera Forms plugin. Caldera is a great free form builder plugin option, but today we’re going to be sharing some styling tips for Gravity Forms. Gravity Forms is one of the (if not the) most popular premium form builder plugins for WordPress websites. Read more: https://www.elegantthe

  • 08:57 How to Style the Divi Slider with a Static Text Description

    How to Style the Divi Slider with a Static Text Description

    by Best Webhosting Added 96 Views / 0 Likes

    In today's slider tutorial instead of changing out the animation name on the slide description, I'm actually going to be removing it altogether, and I'll explain why below. I'm also bringing in a few gradients, 'cause who doesn't love a gradient? Aaaand I'll show you how to have three buttons instead of two. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-the-divi-slider-with-a-static-description-text

  • 04:32 Popular How to Style Your Divi Audio Module as a Podcast Player

    How to Style Your Divi Audio Module as a Podcast Player

    by Best Webhosting Added 162 Views / 0 Likes

    Today, we’re going to provide all those podcasters out there--aspiring and famous alike--with an easy way to integrate their latest episodes directly into the Divi theme. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-style-your-divi-audio-module-as-a-podcast-player

  • 06:22 Popular How to Style Your Divi Blog Module Grid Cards (With 4 Examples)

    How to Style Your Divi Blog Module Grid Cards (With 4 Examples)

    by Best Webhosting Added 105 Views / 0 Likes

    Divi’s Blog Module has a useful grid layout option for your blog posts. The grid template organizes your blog posts into boxes or cards that make it easier to view more posts on your screen than a standard full-width blog layout. The Blog Module Settings allow you to customize the overall design of your grid. You can easily make all of your cards the same background color, font, margins, etc… However, the styling options are limited to the design of t

  • 13:56 Popular How to Style Your Divi Blog Page to Look Like Elegant Themes’ New Design

    How to Style Your Divi Blog Page to Look Like Elegant Themes’ New Design

    by Best Webhosting Added 118 Views / 0 Likes

    Today I’m going to show you how to design your blog page like the new Elegant Themes blog using Divi’s Blog Module. The three major design modifications include: (1) changing the default three-column blog grid layout to only two columns, (2) placing the featured image below the headline and post meta, and (3) sizing the featured image for the new column width. These are accomplished by adding a few lines of code. Aside from that, the Divi Builder and

  • 15:37 How to Swap Your Divi Header for Another One on Scroll

    How to Swap Your Divi Header for Another One on Scroll

    by Best Webhosting Added 41 Views / 0 Likes

    Your header inevitably remains one of your website’s most important elements. It influences your visitors’ navigation process and allows them to find what they’re looking for in a heartbeat. Now, if you’re looking for a way to swap your Divi header on scroll with another one, you’re going to enjoy this post. We’ll show you exactly how to pull it off with Divi’s theme builder, built-in elements and some additional code. We’re also making sure there’s s

  • 08:31 How to Switch a Background Image with an Animated Gif on Hover

    How to Switch a Background Image with an Animated Gif on Hover

    by Best Webhosting Added 95 Views / 0 Likes

    Switching a background image with an animated GIF on hover can be a great way to bring life to your content while also providing a cool illustration for products or services. For example, if you are promoting the features of a particular software product, an animated GIF can help illustrate aspects of the products functionality (we do this for the products here at Elegant Themes). But, instead of showing that GIF initially, you may want to show a stil

  • 15:01 How to Synchronize Expanding Copy on Scroll with Divi

    How to Synchronize Expanding Copy on Scroll with Divi

    by Best Webhosting Added 84 Views / 0 Likes

    When the emphasis of a certain section is on the copy, it’s important to make sure the copy doesn’t go unnoticed. There are many techniques you can use to put your copy in the spotlight, but in this tutorial, we’ll show you how to synchronize expanding copy on scroll using Divi’s new scroll effects. As users are scrolling, another part of the copy will appear, allowing them to read step by step through the content you’re providing. You’ll be able to d

  • 12:54 How to Tell Your About Story on Scroll with Divi

    How to Tell Your About Story on Scroll with Divi

    by Best Webhosting Added 45 Views / 0 Likes

    Your about page is one of the most important pages on your website. It allows people to get to know you better and decide if they’re comfortable to take the next step. If you’re looking for a smooth way to include storytelling in your about page, you’ll love this tutorial. We’ll use Divi’s scroll effects to create a smooth storytelling transition on scroll. As soon as a part of the story fades out, another part fades in. This gives visitors the feelin

  • 10:28 Popular How to Toggle Divi Transform Properties on Click with jQuery

    How to Toggle Divi Transform Properties on Click with jQuery

    by Best Webhosting Added 118 Views / 0 Likes

    Divi’s built-in transform options have proven to be an extremely useful design tool, allowing you to scale, rotate, skew, or position any element on a page with ease. And, you can even choose to transform elements in the hover state for amazing hover effects. But today, I’m going to introduce a method for deploying these transform properties on click. This method does require a little custom jQuery (don’t worry, it’s nothing too scary). However, the c

  • 02:47 How to Track Landing Page Redirects Using Google Analytics

    How to Track Landing Page Redirects Using Google Analytics

    by Best Webhosting Added 94 Views / 0 Likes

    In today's video, we'll learn how to track landing page redirects using Google Analytics. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-track-landing-page-redirects-using-google-analytics •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #TrackRedirects #WordPress #ElegantThemes

  • 23:46 Popular How to Transfer a New Design Style to Another Page Using Divi's Efficiency Features

    How to Transfer a New Design Style to Another Page Using Divi's Efficiency Features

    by Best Webhosting Added 121 Views / 0 Likes

    This week, as part of our ongoing Divi design initiative, we’re going to show you how to transfer a new design style to another page using Divi’s Furniture Store Layout Pack. With all the new layout packs that are coming out, you might have wanted to change the style of an existing page using the new layout pack’s style. Instead of replacing the entire page, you can also transfer the design style using Divi’s efficiency features. One of the newest opt

  • 13:57 How to Transform Multiple Elements for Abstract Hover Effects in Divi

    How to Transform Multiple Elements for Abstract Hover Effects in Divi

    by Best Webhosting Added 89 Views / 0 Likes

    As you already know by now, Divi has a ton of design settings that allow you to create unique hover effects for any Divi element (sections, rows, or modules). Usually, a hover effect is isolated to just one element. For example, if you add a transform rotate property to a module on hover, that rotation will activate when hovering over the module. However, if you add an additional hover effect to the row containing the module, this adds another layer o

  • 06:36 How To Translate Your Theme

    How To Translate Your Theme

    by Best Webhosting Added 94 Views / 0 Likes

  • 05:03 How to Trigger Hover Effects for a Module, Column, and Row Simultaneously

    How to Trigger Hover Effects for a Module, Column, and Row Simultaneously

    by Best Webhosting Added 79 Views / 0 Likes

    One of the best things about building a site with Divi is that each building block is packed with design options. Every module, column, row, and section contains design settings for both the default and the hover state. This opens the door for triggering multiple hover effects when combining this elements together. In this tutorial, I’m going to show you how to simultaneously trigger hover effects for a module, column and row. The trick is to make sur

  • 06:14 How to Troubleshoot "err_too_many_redirects" on Your WordPress Website

    How to Troubleshoot "err_too_many_redirects" on Your WordPress Website

    by Best Webhosting Added 57 Views / 0 Likes

    In today's video, we'll learn how to troubleshoot “err_too_many_redirects” on your WordPress website. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-troubleshoot-err_too_many_redirects-on-your-wordpress-website •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #RedirectError #WordPress #ElegantThemes

  • 14:39 Popular How to Turn Divi Layouts into Reusable Wireframes

    How to Turn Divi Layouts into Reusable Wireframes

    by Best Webhosting Added 106 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 turn layouts into reusable wireframes using Divi’s Food Catering Layout Pack. Wireframes are great for the starting process of building a website. They he

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