Elegant Themes


  • 02:15 How to Add a WordPress Author Bio Image

    How to Add a WordPress Author Bio Image

    by Best Webhosting Added 35 Views / 0 Likes

    In today's video, we'll learn how to add a WordPress author bio image. Blog post: https://www.elegantthemes.com/blog/wordpress/add-wordpress-author-bio-image ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery...​ 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/​ #Author #WordPress​ #ElegantThemes

  • 02:00 Popular How to Add a YouTube Subscription Button to WordPress

    How to Add a YouTube Subscription Button to WordPress

    by Best Webhosting Added 104 Views / 0 Likes

    In today’s video, we're going to learn how to add a YouTube subscribe button to WordPress. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-add-a-youtube-subscription-button-to-wordpress Like us on Facebook: https://www.facebook.com/elegantthemes/

  • 02:02 How to Add a YouTube Video Background to a WordPress Site

    How to Add a YouTube Video Background to a WordPress Site

    by Best Webhosting Added 73 Views / 0 Likes

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

  • 18:40 How to Add a “New” or “Featured” Corner Label to a Menu Item in Your Custom Divi Header

    How to Add a “New” or “Featured” Corner Label to a Menu Item in Your Custom Divi Header

    by Best Webhosting Added 60 Views / 0 Likes

    Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-new-or-featured-corner-label-to-a-menu-item-in-your-custom-divi-header When building your website’s header, paying special attention to your visitors’ behavior can help boost clickthrough rates. Not only should your header look good, but it should also help guide visitors to the most important pages on your website. A frequently used technique is adding a call to actio

  • 08:44 How to Add a “Soft Box” Shadow to Your Divi Slider Module

    How to Add a “Soft Box” Shadow to Your Divi Slider Module

    by Best Webhosting Added 97 Views / 0 Likes

    In today’s slider tutorial we’re going to change the slider animation to slide in from the right. We’ll also be styling a sleek slider box with a soft-box shadow. This design is subtle but elegant and can easily be tweaked to fit just about any kind of website. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-soft-box-shadow-to-your-divi-slider-module

  • 07:53 Popular How to Add Advanced Hover Effects to Divi’s Blurb Module Using Hover css

    How to Add Advanced Hover Effects to Divi’s Blurb Module Using Hover css

    by Best Webhosting Added 116 Views / 0 Likes

    In today’s Divi tutorial, we’ll show you how to add some advanced hover effects to Divi’s Blurb Modules using Hover.css. Of course, out of the box, Divi has all you need to create stunning blurbs for any kind of page you could think of. But in our community we know there are a lot of designers always looking to push Divi to (and sometimes beyond) its limits in order to make a client site just that much different from the competition. So this tutorial

  • 06:38 How to Add an Absolute Positioned Bottom Bar to Your Hero Section with Divi

    How to Add an Absolute Positioned Bottom Bar to Your Hero Section with Divi

    by Best Webhosting Added 56 Views / 0 Likes

    The way you structure elements inside your hero section can get tricky sometimes. You want to have a good balance, without having to drastically reduce the amount of content you want to share. Luckily, some streamlined approaches have proven their worth across the web. One of those approaches is adding an absolute-positioned bottom bar to your hero section. Not only does it look good, design-wise, it also helps you add multiple calls to action without

  • 30:09 Popular How to Add an E-book Optin Form with an Immediate Download to Divi’s SEO Layout Pack

    How to Add an E-book Optin Form with an Immediate Download to Divi’s SEO Layout Pack

    by Best Webhosting Added 112 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 an e-book optin form with an immediate download to Divi’s SEO layout pack landing page. This way of approaching your optin forms is a win-win situat

  • 25:44 Popular How to Add an Inline & Animated Divi CTA Layout Block to Your Gutenberg Blog Post

    How to Add an Inline & Animated Divi CTA Layout Block to Your Gutenberg Blog Post

    by Best Webhosting Added 115 Views / 0 Likes

    When you’re streamlining the way you create blog posts on your website, chances are high you’ll want to include an attractive CTA somewhere inside your post. Now, with Divi’s new Gutenberg layout block integration, you can easily add a new Divi-built block anywhere inside your Gutenberg blog post. This allows you to keep the overall blog post content inside the Gutenberg environment, while still building a custom Divi CTA using Divi-s built-in options

  • 19:27 Popular How to Add an Interactive Map to Divi’s Travel Blog Layout Pack

    How to Add an Interactive Map to Divi’s Travel Blog Layout Pack

    by Best Webhosting Added 130 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 add an interactive map to Divi’s Travel Blog Layout Pack‘s blog layout. This interactive map will contain all the

  • 05:35 Popular How to Add Animation Effects to Sections or Rows in Divi

    How to Add Animation Effects to Sections or Rows in Divi

    by Best Webhosting Added 127 Views / 0 Likes

    In today’s Divi tutorial, we’ll show you how to add animation effects to sections and rows in Divi. The Divi theme itself provides some relevant animation effects that help you bring an extra level of interaction to your website. These effects are easy to assign to an image within your Divi Builder in the Animation sub category of the Advanced tab. However, if you’re looking for a way to add these animation effects to other modules, sections or rows o

  • 03:38 How To Add Background Masks and Patterns to your Divi Header

    How To Add Background Masks and Patterns to your Divi Header

    by Best Webhosting Added 68 Views / 0 Likes

    Divi’s new background masks and patterns feature is more commonly used for sections on a page. But, we can also add them to headers as well! In this tutorial, we’ll show you how to add background masks and patterns to a Divi header template using the theme builder. This is a great way to create completely unique header designs for your website. Blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-background-masks-and-patterns-to-you

  • 14:34 Popular How to Add Book Previews to Divi’s Author Layout Pack

    How to Add Book Previews to Divi’s Author Layout Pack

    by Best Webhosting Added 102 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 book previews to your website using Divi's Author Layout Pack and the free 3D Flipbook plugin. Adding previews to your website helps visitors in the

  • 02:23 How To Add Breadcrumbs To Your WordPress Website

    How To Add Breadcrumbs To Your WordPress Website

    by Best Webhosting Added 78 Views / 0 Likes

    In today’s video we take a look at how to add breadcrumbs to your WordPress website. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-add-breadcrumbs-to-your-wordpress-website Like us on Facebook: https://www.facebook.com/elegantthemes/

  • 11:39 How to Add Creative Background Designs to Divi’s Bottom Footer Bar

    How to Add Creative Background Designs to Divi’s Bottom Footer Bar

    by Best Webhosting Added 99 Views / 0 Likes

    Divi’s bottom footer bar is a small but significant piece of your website. And with certain page layouts, there may be a need to add a creative final touch to that bottom bar. In this tutorial, I’m going to show you how to add custom background designs for Divi’s bottom footer bar. By stripping out the default background color of the bottom footer bar and adding some custom margin to a section, you can harness the design settings of a section to creat

  • 38:37 How to Add CSS Focus State Styling to Elements When Filling Out a Divi Form

    How to Add CSS Focus State Styling to Elements When Filling Out a Divi Form

    by Best Webhosting Added 46 Views / 0 Likes

    Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-css-focus-state-styling-to-elements-when-filling-out-a-divi-form#respond In this live stream, we are going to introduce an exciting way to change the style of multiple elements when a visitor clicks a field on a Divi form. Not only will you be able to add Divi’s built-in focus styles for the specific field in focus, but you will also be able to change the style of the el

  • 16:50 How to Add CSS Text Block Animations to Your Headline with Divi

    How to Add CSS Text Block Animations to Your Headline with Divi

    by Best Webhosting Added 79 Views / 0 Likes

    Your headline is one of your homepage’s most important parts. It’s usually the first piece of copy people read which makes it their first impression. Like any other first impression, you want it to be a good one. Now, if you’re looking for a creative way to showcase your headline, you’ll enjoy this post. In this tutorial, we’ll show you how to add CSS text block animations to your headline and you’ll be able to download the layout’s JSON file for free

  • 06:26 Popular How to Add Custom Templates and Design to Divi’s Blog Post Formats (Part 1)

    How to Add Custom Templates and Design to Divi’s Blog Post Formats (Part 1)

    by Best Webhosting Added 119 Views / 0 Likes

    Over the next 3 days, I will walk you through customizing all of Divi’s blog post formats: Standard, Quote, Link, Video, Audio and Gallery. Editing all of those (for the designs I have in mind) requires editing the single.php template file. To do this properly, we must create a Divi child theme that will contain our altered Single.php template file. And before we do that, we should also create a local install of WordPress using Desktopserver. This wil

  • 04:06 Popular How to Add Custom Templates and Design to Divi’s Blog Post Formats (Part 2)

    How to Add Custom Templates and Design to Divi’s Blog Post Formats (Part 2)

    by Best Webhosting Added 115 Views / 0 Likes

    Yesterday, I walked you through how to use Desktopserver to create a local install of WordPress. I also showed you how to set up a child theme. Both of these are a great foundation for any project you are working on and it is perfect for what we are going to be doing today and tomorrow. Today we are going to be editing some PHP code inside Divi’s single.php file in order to get a completely unique layout for your blog post formats. If you aren’t alrea

  • 17:02 Popular How to Add Custom Templates and Design to Divi’s Blog Post Formats (Part 3)

    How to Add Custom Templates and Design to Divi’s Blog Post Formats (Part 3)

    by Best Webhosting Added 113 Views / 0 Likes

    Today is the final day of our series on how to add custom templates and styles to Divi’s blog post formats. This last day of the series is dedicated to design. With our single.php customized and our child theme active, we are ready to add styling to the blog post formats. I will walk you through all six post formats as we add some unique design touches to each one. By the end of this tutorial, you will have six great looking alternatives to the defaul

  • 14:29 How to Add Divi Built Highlighted Quotes Throughout Your Gutenberg Post

    How to Add Divi Built Highlighted Quotes Throughout Your Gutenberg Post

    by Best Webhosting Added 76 Views / 0 Likes

    When writing a blog post, you’ll often find yourself wanting to quote someone or highlight a sentence used in a regular paragraph. Now, within the Gutenberg editor, you can add a quote block right off the bat, but it doesn’t provide you with as much design freedom as you’d potentially want. With Divi’s layout blocks, that’s not a problem anymore. You can easily build a particular block with Divi while still maintaining the Gutenberg environment elsewh

  • 11:42 How to Add Dynamic URLs to Your CTAs with Divi and ACF

    How to Add Dynamic URLs to Your CTAs with Divi and ACF

    by Best Webhosting Added 61 Views / 0 Likes

    When creating your website structure, chances are high that you’ll want to include the same CTAs on multiple pages, posts and projects. Of course, you can keep the URLs close by and copy-paste them as you go, but that isn’t necessarily the easiest way to go. Before you start creating your pages, posts and projects, you can set up a list of all the URLs you might need, set a default value for them and use the default values on new items you create. If

  • 09:46 How to Add Favorite Button Functionality to Your Divi Site

    How to Add Favorite Button Functionality to Your Divi Site

    by Best Webhosting Added 99 Views / 0 Likes

    Adding favorite button functionality to your Divi site can be a great boost to the user experience. The basic functionality works as a bookmarking system for posts. Users can browse through posts and select the ones they want to favorite. Then users can view those favorited posts later at their convenience. For this use case tutorial, I’m going to show you how to add favorite button functionality to Divi’s Animal Shelter Layout Pack. This will allow t

  • 07:59 How to Add Floating Labels to Form Fields in Divi

    How to Add Floating Labels to Form Fields in Divi

    by Best Webhosting Added 52 Views / 0 Likes

    Adding floating labels to form fields in Divi can boost the design and UX of any Divi form in a subtle, yet powerful, way. Any website form (not just Divi) usually includes some kind of input field and a label for that input field. For example, a form may have a text input field for a name where you can enter the text (or name) and a label for that field’s input box (i.e. “Name”). This label may be visible or hidden depending on the form style. In add

  • 05:09 How to Add Google Maps to Your Divi Website

    How to Add Google Maps to Your Divi Website

    by Best Webhosting Added 42 Views / 0 Likes

    Google Maps is a software service that allows users to present maps to their audience. It’s faster than embedded maps and, if you’ve integrated it with Divi, it’s easier to use. The Divi Builder includes two Map Modules that make presenting Google Maps a simple process. In this post, we’ll see how to add Google Maps to your website using the Google Maps API Key and the Divi Map Module. Blog post: https://www.elegantthemes.com/blog/divi-resources/how-t

  • 04:19 Popular How to Add Icons to Divi Menus - Divi Nation Short

    How to Add Icons to Divi Menus - Divi Nation Short

    by Best Webhosting Added 122 Views / 0 Likes

    In this video Augustin Mak shows you how to add icons to Divi menus without using any code or extra plugins. Read the full post here: http://www.elegantthemes.com/blog/divi-resources/how-to-add-icons-to-the-divi-menu-divi-nation-short

  • 15:42 Popular How to Add Image Markers with Divi’s Transform Options

    How to Add Image Markers with Divi’s Transform Options

    by Best Webhosting Added 164 Views / 0 Likes

    Image markers are a great way to showcase a product’s special features. In this post, we’ll show you how to create image markers using a text module and a vertical divider. Thanks to the transform settings inside the columns, an image marker can be placed anywhere you need it. To show you how versatile this technique is, we will show you two different design examples. You’ll be able to download the JSON file for free as well! Read more: https://www.el

  • 45:15 Popular How to Add Informative Icon Animations with Our Exclusive Cyber Monday App Launch Landing Page

    How to Add Informative Icon Animations with Our Exclusive Cyber Monday App Launch Landing Page

    by Best Webhosting Added 130 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 informative icon animations with Divi & the exclusive Cyber Monday App Launch Landing Page If you’re a new customer during the Black Friday and Cyber Monday sale or an existing Lifetim

  • 02:42 How to Add Interactive, 360 Degree Images to Your WordPress Site

    How to Add Interactive, 360 Degree Images to Your WordPress Site

    by Best Webhosting Added 78 Views / 0 Likes

    In today's video, we'll learn how to add interactive 360 degree images to your WordPress website. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-add-interactive-360-degree-images-to-your-wordpress-site •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #360Images #WordPress #ElegantThemes

  • 15:01 How to Add Interchanging Sticky Questions to Your FAQ Design with Divi

    How to Add Interchanging Sticky Questions to Your FAQ Design with Divi

    by Best Webhosting Added 83 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 how to create interchanging sticky questions as you scroll for your FAQ design. This is a great way to add interaction to your design while allowing peopl

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