Elegant Themes
-
02:15
How to Add a WordPress Author Bio Image
Added 35 Views / 0 LikesIn 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
Added 104 Views / 0 LikesIn 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
Added 73 Views / 0 LikesIn 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
Added 60 Views / 0 LikesGo 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
Added 97 Views / 0 LikesIn 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
Added 116 Views / 0 LikesIn 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
Added 56 Views / 0 LikesThe 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
Added 112 Views / 0 LikesEvery 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
Added 115 Views / 0 LikesWhen 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
Added 130 Views / 0 LikesMultistreaming 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
Added 127 Views / 0 LikesIn 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
Added 68 Views / 0 LikesDivi’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
Added 102 Views / 0 LikesEvery 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
Added 78 Views / 0 LikesIn 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
Added 99 Views / 0 LikesDivi’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
Added 46 Views / 0 LikesGo 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
Added 79 Views / 0 LikesYour 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)
Added 119 Views / 0 LikesOver 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)
Added 115 Views / 0 LikesYesterday, 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)
Added 113 Views / 0 LikesToday 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
Added 76 Views / 0 LikesWhen 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
Added 61 Views / 0 LikesWhen 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
Added 99 Views / 0 LikesAdding 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
Added 52 Views / 0 LikesAdding 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
Added 42 Views / 0 LikesGoogle 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
Added 122 Views / 0 LikesIn 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
Added 164 Views / 0 LikesImage 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
Added 130 Views / 0 LikesMultistreaming 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
Added 78 Views / 0 LikesIn 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
Added 83 Views / 0 LikesEvery 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









