Elegant Themes


  • 20:10 Popular How To Create A Below The Post Opt In With Bloom

    How To Create A Below The Post Opt In With Bloom

    by Best Webhosting Added 109 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!

  • 11:37 Popular How to Create a Blurb Infographic with Divi

    How to Create a Blurb Infographic with Divi

    by Best Webhosting Added 106 Views / 0 Likes

    When you have a bunch of information to share with your visitors, and you want to make them see the bigger picture, using infographics is highly recommended. They make absorbing information a little easier because of their structure and interactivity. The first thing that pops into mind when needing an infographic is using Photoshop to create one and add it to an Image Module afterwards. However, this limits us. It, for instance, takes away the possib

  • 29:58 Popular How to Create a Blurb Menu on Hover/Click for Your Page with Divi

    How to Create a Blurb Menu on Hover/Click for Your Page with Divi

    by Best Webhosting Added 126 Views / 0 Likes

    Multistreaming with https://restream.io/ 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 create a stunning blurb menu that expands once you hover or click it. We’ll first start off by going through some

  • 04:20 Popular How to Create a Bold (Yet Elegant) Colorful Countdown Timer Module With Divi

    How to Create a Bold (Yet Elegant) Colorful Countdown Timer Module With Divi

    by Best Webhosting Added 121 Views / 0 Likes

    In today’s post, I’m going to continue the tutorial series and show you how to use Divi’s countdown timer module to create a bold and colorful website countdown. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-bold-yet-elegant-colorful-countdown-timer-module-with-divi

  • 10:52 How to Create a Breakaway Image Transition with Divi’s Scroll Effects

    How to Create a Breakaway Image Transition with Divi’s Scroll Effects

    by Best Webhosting Added 84 Views / 0 Likes

    Divi’s Scroll Effects allow us to create exceptional transition animations that can wow visitors with an eye-catching design. Images, in particular, can showcase the power of these scroll effects in surprising ways. In this tutorial, we are going to explain step-by-step how to create a breakaway image transition with Divi’s scroll effects. This effect was originally featured on the demo page. The effect involves slicing images beforehand using a photo

  • 54:49 Popular How to Create a Category Page Template for your Blog Using the Divi Theme Builder

    How to Create a Category Page Template for your Blog Using the Divi Theme Builder

    by Best Webhosting Added 137 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 will be showing you how to create a category page template for your blog completely from scratch using the Divi Theme Builder. We’ll show you how to quickly setup a new template assigned to post categories as well as how to design the te

  • 04:40 Popular How To Create A Child Theme

    How To Create A Child Theme

    by Best Webhosting Added 150 Views / 0 Likes

    Learn how to create a child theme and why you should be using one. Blog post: https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial Like us on Facebook: https://www.facebook.com/elegantthemes/

  • 39:00 How to Create a Circular Icon Menu that Expands on Click in Divi

    How to Create a Circular Icon Menu that Expands on Click in Divi

    by Best Webhosting Added 100 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. Today, we will show how to create a circular icon menu that expands on click in Divi. This menu really highlights the powerful design capabilities of the Divi Builder when combined with a snippet of JavaScript. And it is perfect for mobile devices as well. Let’s get started. You can read the post f

  • 19:37 How to Create a Clean & Bold Product Page with Divi

    How to Create a Clean & Bold Product Page with Divi

    by Best Webhosting Added 94 Views / 0 Likes

    Bold product pages have a special way of drawing your visitors’ attention. And with Divi’s new WooCommerce Modules update, you can quickly turn your old product page into a clean and bold one that both you and your visitors are going to love. In today’s tutorial, we’ll recreate a bold product page from scratch and you’ll be able to download the JSON file for free as well! This tutorial goes to show how versatile Divi’s new WooCommerce Modules are and

  • 33:30 How to Create a Clickable Accordion Using Sticky Page Headings in Divi

    How to Create a Clickable Accordion Using Sticky Page Headings in Divi

    by Best Webhosting Added 82 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. Divi’s new sticky position options open the door for many new and exciting design possibilities. In this tutorial, we are going to show you how to combine Divi’s sticky position options with smooth scrolling anchor links to create an accordion-like way to index and navigate your page. Building it i

  • 09:26 Popular How to Create a Clickable Carousel of Divi Modules

    How to Create a Clickable Carousel of Divi Modules

    by Best Webhosting Added 126 Views / 0 Likes

    Carousels are a popular website feature. They allow you to display more content without taking up extra space, and they also add an element of interactivity to your website which can encourage your visitors to engage more with your content. There are a number of great plugins that can help displaying your content in a carousel but in this post, I am going to show you how to create a clickable carousel of Divi modules using only CSS and Javascript. Thi

  • 37:53 How to Create a Comments Toggle for Your Divi Blog Post Template

    How to Create a Comments Toggle for Your Divi Blog Post Template

    by Best Webhosting Added 74 Views / 0 Likes

    Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-comments-toggle-for-your-divi-blog-post-template Comments are an important part of any blog post template. However, for some visitors, a lengthy comments section can become a problem whenever they are trying to scroll through the rest of the content on the post. Creating a comments toggle is a great solution to this problem. In this live stream tutorial, we are goin

  • 11:22 Popular How to Create a Compelling About Page for Your Portfolio Website with Divi

    How to Create a Compelling About Page for Your Portfolio Website with Divi

    by Best Webhosting Added 101 Views / 0 Likes

    In today’s video, we’re going to finish off our minimal portfolio website with a simple and (hopefully) effective about/contact page. Just to be safe we’re going to create two slightly different versions and test them against each other in tomorrow’s post. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-compelling-about-page-for-your-portfolio-website-with-divi

  • 13:09 Popular How to Create a Contact Form on Click with Divi

    How to Create a Contact Form on Click with Divi

    by Best Webhosting Added 117 Views / 0 Likes

    In this Divi tutorial, we’re going to show you how to create a contact form that appears after clicking a button (as an overlay) by using nothing else than Divi, some jQuery code and CSS code. This is a great way to keep your site visitors focused on the action they’ve committed to by clicking a button. It doesn’t take them to a different page but locks them into that action until it’s done. https://www.elegantthemes.com/blog/divi-resources/how-to-cre

  • 05:21 How to Create a Countdown Timer With a Full Screen Background Video

    How to Create a Countdown Timer With a Full Screen Background Video

    by Best Webhosting Added 97 Views / 0 Likes

    Today is the final tutorial in our miniseries on the countdown timer! We're going to show you how to use a full screen background video in your countdown timer, to "build suspense" in a fun and remarkable way. Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-countdown-timer-with-a-full-screen-background-video

  • 05:43 Popular How to Create a Countdown Timer with an Animated Gradient Background

    How to Create a Countdown Timer with an Animated Gradient Background

    by Best Webhosting Added 108 Views / 0 Likes

    In today’s post, I’m going to show you how to create a gorgeous countdown timer with a subtle animated gradient background. Whatever you may be counting down to, or building suspense for, this countdown is sure to impress your website visitors. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-countdown-timer-with-an-animated-gradient-background

  • 19:45 How to Create a Countdown ‘Deal of the Day’ Product Section with Divi

    How to Create a Countdown ‘Deal of the Day’ Product Section with Divi

    by Best Webhosting Added 100 Views / 0 Likes

    When looking for ways to boost online conversion rates, you’ll notice that many website have a ‘deal of the day’ product section on their landing pages. This gives visitors a sense of urgency and can shorten the decision-making process. In this post, we’ll show you how to create a stunning countdown deal of the day product section design with Divi’s built-in options only. The design style we’re using is elegant and clean and includes a splash of color

  • 38:53 Popular How to Create a Custom eCommerce Mega Menu with Divi’s Theme Builder

    How to Create a Custom eCommerce Mega Menu with Divi’s Theme Builder

    by Best Webhosting Added 107 Views / 0 Likes

    Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-custom-ecommerce-mega-menu-with-divis-theme-builder When building an eCommerce website using Divi and WooCommerce, there are tons of ways to customize the overall look and feel of your website. Divi’s WooCommerce modules in combination with the Divi Theme Builder allow you to build templates for your product pages, category pages and more. But besides making sure your websit

  • 21:06 Popular How to Create a Custom Footer with Divi’s Theme Builder

    How to Create a Custom Footer with Divi’s Theme Builder

    by Best Webhosting Added 143 Views / 0 Likes

    The Divi Theme Builder marks a new era and changes the way we design websites. One of the most important parts of this feature is being able to dynamically add global footers to your pages and posts. Once you’ve designed a footer, you can automatically add it to whatever kind of page or post you want using Divi’s Theme Builder. Now in this tutorial, we’ll guide you step by step through the process of creating and adding a global footer to your website

  • 13:39 Popular How to Create a Custom Fullscreen Global Header with Divi’s Theme Builder

    How to Create a Custom Fullscreen Global Header with Divi’s Theme Builder

    by Best Webhosting Added 107 Views / 0 Likes

    If you’re looking for a way to create a global header for your website that doesn’t take up a lot of space, you’re going to love this tutorial. We’ll show you how to create a fullscreen global header using Divi’s Theme Builder. While scrolling down the page, the only two things additional you’ll notice on your post/page are 1) a clickable hamburger icon in the top left corner and 2) a logo in the top right corner. These two items will follow your visi

  • 12:28 Popular How to Create a Custom Global Header with Divi’s Theme Builder

    How to Create a Custom Global Header with Divi’s Theme Builder

    by Best Webhosting Added 108 Views / 0 Likes

    Now that the Theme Builder is here, we can’t wait to dive into new tutorials that’ll help you set up your website from A to Z. This includes creating custom headers using Divi’s built-in option. In this tutorial, we’ll focus on creating a global header using Divi’s Theme Builder. A global header will show up everywhere on your website unless you’ve assigned a different header to that page or post. Read more: Read more: https://www.elegantthemes.com/bl

  • 01:08 Popular How to Create a Custom WordPress Login URL

    How to Create a Custom WordPress Login URL

    by Best Webhosting Added 129 Views / 0 Likes

    In today’s video we take a look at how to create a custom WordPress login URL. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-create-a-custom-wordpress-login-url Like us on Facebook: https://www.facebook.com/elegantthemes/

  • 03:27 Popular How to Create a Custom WordPress Registration Page

    How to Create a Custom WordPress Registration Page

    by Best Webhosting Added 149 Views / 0 Likes

    In today’s video we take a look at how to create a custom WordPress registration page. Blog post: https://www.elegantthemes.com/blog/resources/how-to-create-a-custom-wordpress-registration-page Like us on Facebook: https://www.facebook.com/elegantthemes/

  • 54:28 Popular How to Create a Digital Resources Page with Divi’s Design Conference Layout Pack

    How to Create a Digital Resources Page with Divi’s Design Conference Layout Pack

    by Best Webhosting Added 118 Views / 0 Likes

    Multistreaming with https://restream.io/ Designing a digital resource page with Divi is easy when you utilize the design elements of your layout to work for you. The visual builder has many helpful features that make this process rather enjoyable. But design isn’t everything. It is also important that your resource page functions. In this use case tutorial, I’m going to walk you through how to design a functional digital resources page using Divi’s De

  • 06:44 Popular How to Create a Direct Single Click Download Button in Divi Using the Download Attribute

    How to Create a Direct Single Click Download Button in Divi Using the Download Attribute

    by Best Webhosting Added 130 Views / 0 Likes

    A direct download link is a link that starts to download the file on click instead of linking to it in your browser window. Creating a direct download link or button usually requires adding advanced PHP on the server side, modifying the .htaccess file, and/or javascript. Unless you know what you’re doing, this may pose some security risks. HTML5 recently introduced the Download Attribute as a more simplified solution for direct downloads. The attribut

  • 06:26 Popular How to Create a Directory or Listing Style Homepage with Divi's Search Module - Divi Nation Short

    How to Create a Directory or Listing Style Homepage with Divi's Search Module - Divi Nation Short

    by Best Webhosting Added 110 Views / 0 Likes

    In this episode of Divi Nation our host Nathan B. Weller tackles a popular request: how to create a directory or listing style homepage with a large search box in the middle of the section or page. Full details & free resources can be found here: http://goo.gl/NGS5f7 Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc Get Divi Nation on

  • 41:28 Popular How to Create a Divi Mobile Contact Bar with Click-to-Call, Email, SMS and Direction Links

    How to Create a Divi Mobile Contact Bar with Click-to-Call, Email, SMS and Direction Links

    by Best Webhosting Added 111 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. With the world living on mobile devices, it makes sense to provide clickable contact links on your website that take advantage of the mobile experience. These contact links, like a click-to-call link, can jumpstart a call on your mobile phone in a single click. Others, like a directions link, can o

  • 04:18 How to Create a Divi Overlapping Logo

    How to Create a Divi Overlapping Logo

    by Best Webhosting Added 100 Views / 0 Likes

    In today’s tutorial, I’m going to be sharing a little code snippet that will make your logo overlap the primary menu bar. It’s super easy to achieve and makes for a nice little variation of the default horizontal menu style. Here’s how it’s done: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-divi-overlapping-logo

  • 09:48 Popular How to Create a Dropdown Menu Button Using Divi's Fullwidth Menu Moduel

    How to Create a Dropdown Menu Button Using Divi's Fullwidth Menu Moduel

    by Best Webhosting Added 111 Views / 0 Likes

    A dropdown menu button can really come in handy when designing a website. Aside from the main menu, there are areas on a site that may require a dropdown menu of sub items. We see them being used for things like blog post categories, lists, and form inputs. But they can even be used for a main call to action. In this tutorial, we’ll show you how to create a dropdown menu button using Divi’s fullwidth menu module. To do this, we will first create a men

  • 57:37 How to Create a Dynamic 3D Mousemove Animation Effect in Divi

    How to Create a Dynamic 3D Mousemove Animation Effect in Divi

    by Best Webhosting Added 50 Views / 0 Likes

    Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-dynamic-3d-mousemove-animation-effect-in-divi In this live stream tutorial, we are going to introduce a creative way to animate elements on mousemove (moving your cursor at various locations on the browser window). We’ll also show you how to combine mousemove animation with a hover effect that makes elements pop out into a 3D design that will bring your content to life in a

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