In this video I will demonstrate all Divi modules. I will also show you some tricks with the modules that I get the most questions about! This is part 1 of the 5 part Divi Modules series.
👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support my channel? Leave a like or buy Divi with 10% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Divi 10% discount ⇒ wp.discount/divi-discount/
✅ SiteGround 70% discount ⇒ wp.discount/siteground-discount/
✅ WP Rocket 10% discount ⇒ wp.discount/wp-rocket-discount/
I want you to succeed with your website, so lets get started.
All scripts and CSS snippets: 📜 wpressdoctor.com/divi-modules...
⏱️Timestamps⏱️
0:00 Intro
0:37 Accordion Module
5:42 Audio Module
8:34 Bar Counters module
12:18 Blog Module
16:10 Blurb Module
19:42 Button Module
22:50 Call To Action Module
26:41 Cicle Counter Module
30:29 Code Module
31:40 Comments Module
Thank you for watching, part 2 is here: • All Divi Modules Overv... 😀
✅For tips and tricks on getting the most out of Divi and WordPress, don't forget to subscribe: wpressdoctor.com/sub
📖Transscript📖
Hey friends, its the WPress Doctor here. And in this video, I'm going to take you by the hand. We are going to walk through all the Divi modules. I know there are a lot of modules, but I'm going to show you how I use them, and I'm going to answer the most asked questions about the modules. For example: "How can we get this blog module to line out perfectly?" And also: "How do I add this toggle button back into the accordion?" I'm gonna help you with that, its pretty easy. But because of Divi has so much modules, I will be making a five part series of this video. So buckle up, because part one is about to begin.
So the first module we're going to insert here is the accordion. Let's press this button, and here you can see that the accordion just already starts out. So what you will see is that you have two tabs right here, you can duplicate it to make more of them. And if you press on this gear icon, you can change your title and your description. So for example, let's ask this question: "what are your opening hours?" "We are open between 20:00 and 20:10 so you better be quick!". Don't forget, when you change the text press this 'Save Change' button right there. There are a lot of things you can change in this module. As you can see, you can change the borders, the titles, the text, the background, the icons, there's a lot we can do. So let's change the background color of the close toggles, and we're gonna make it this. Now we can't see our titles anymore. So we press on this brush, and we're gonna make it white. And then the background of the open toggles, let's make it also a bit lighter. Alright. Now we can't see this one, so we press on this brush, and we're going to make it with also. And then I want this title, I want it to be Poppins, its very popular font. And we're gonna make it a little bit bigger, but not that big. Alright so this is very clean. This is a little bit small, 14. So let's make it 18. You can see now you can change this all and you can of course change the icon. Change the icons used in the toggle. Uou can also change the icon font size to make it bigger or smaller. But I think this is all right. The most common question I get asked is: "Is it possible when people load the page that this one is closed on default? And how do we do that?" Well, it's pretty easy. There is no setting to do that. I think Divi will add it soon, but you just copy this one, just clone it. Go to the settings, change the title to Placeholder -that's only for you, so you know that there is nothing in there. You go to 'Advanced' - 'Custom CSS', and then we go to the main element and we type some CSS: display: none; And that's it! We press save this one. So now we have a placeholder who actually is open. But because we hidden it using CSS that works really awesome. Now another question I usually get is: "How do we get people to close it again, because when you open it, you can't close it anymore as you can see. There is no way to close this thing." Well, it's pretty easy if you know how, what you actually need for this is a little bit of script. So we close this one and we're going to add another module, the code module. And it's pretty useful to add some code. So in this example, we're adding some script. You can find this script in the description of this video....
📖 Read the rest of the transcript at wpressdoctor.com/divi/all-div...
#Divi #AllModules #WordPress
21 июл 2024