All Divi Modules Overview incl. CSS Tricks - Part 3
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- In this 3rd video I will continue to demonstrate all Divi modules. I will also show you some CSS with the modules that I use for my clients. This is part 3 of the 5 part series Divi Modules.
👇🏻👇🏻👇🏻 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:39 Persons Module
08:37 Number Module
14:49 Portfolio Module
15:31 Post Navigation Module
20:45 Post Slider Module
32:48 Post Title Module
36:35 Pricing Table Module
47:15 Search Module
51:11 Products Module
51:44 Sidebar Module
Thank you for watching, part 4 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 guys, it's the WPress Doctor here. Welcome to part three of 'All Divi Modules' video series. In this video, I'm going to take you by the hand and I am going to show you a lot of fun modules of Divi. I'm going to teach you how you can change them, how you can optimize them, and also, I'm going to show you some CSS snippets that I use for my clients on their websites. For example: "How can we create this funny Persons Module?" "How we can change the percentage sign of the Number Counter Modules?" And also "How to stop the sliding animation in the Post Slider?" and I'm going to show you a bunch more. So let's get started and have some fun.
Alright, so the next module we're going to create is the 'Persons Module'. Because we have had all these modules in the past. So let's go with the Persons Module. The Persons Module is a very nice module, if you want to create for example, like this, 'Your specialists'. We are on a website who sells cars, you can actually drive like the WPress Doctor. And I mean, it looks like this, it is amazing. All right, so let's create our specialists. The first thing you notice when you add this module is you get a image and the name, position and your content. So let's fill that out really fast right now, so we have something to work with. "Total car freak" he is the owner of the company. Really? A google plus profile URL? That is just really old. Alright so we have the first Car Freak and you can ofcourse add some content about it. "I really like cars from when I was a little boy and I just played with my sisters Barbie camper, I totally took it apart and build it out to a Hummer." Alright, so let's give this guy an image. So let's use this guy as our Total Car Freak. Alright, let's style this image a bit. First, we're going to 'Design', we go to 'Image'. So let's make all these corners rounded because I don't like the style of this. So let's add 50% and BAM, that's awesome. Alright if you want a border, you can just add a little border. I like this. Let's make it... well what's the color of this website? I think it is a bit red, yeah the dark red. That looks great. Let's change this to dark red. Let's make it a little bit less intense. And of course, you can add a shadow if you want to do that to the entire box. That looks really great. Let's go to the text. The text shadow... I wouldn't add a text shadow but I do like to align my text in the center because I'm talking about people right now. So that looks a little bit better. Let's make the title text a little bit bigger. Let's give it a awesome font like Motserrat or Poppins. I really should make a video about most use fonts online, because that would be interesting. Total Car Freak. That's great. Alright I... the owner, well, it's a little bit small so let's make it a little bit bigger. And let's make it like that. Nah I did like the color. Oh yeah the icons you can change on the top and you can also make them the style of your website. So I would suppose, let make it a little bit dark red right there. This is a great color, let use this also for the border. Let's go to 'Image' than you go to 'border' and just change the color. All right, this is great. So now we have a person's module which is very easy, very simple. What are more things you can do with this one. You can of course add a shadow to the entire box. You can do that, but if you do that, you need to add some little spacing. So we go to 'Spacing', we go to 'Padding'....
📖 Read the rest of the transcript at www.wpressdoctor.com/divi/all...
#Divi #AllModules #WordPress
I love your videos, they're always so helpful
Thank you so much 🧡
Hi Arash 👋🏻! 😀 you are very welcome! Thank you for your kinds words 😎 You made my day 😁
Honestly, you're the best source regarding WordPress and Divi! It's always both - very informative and funny to watch. I really don't get why your subscriber numbers aren't in the five digits but I'm sure it's just a matter of time. Keep going and thanks so much for all the info!
Hi there! That’s really nice of you to say, you have just made my day! Thank you very much!! I will keep going, or else I won’t know where it could have taken me 😃 have a great day!
Great work. Thanks a lot and greetings from Germany.
You are very welcome! Greetings back! 😀 have a great day!
You deserve more views and subscribers than you currently have. Thank you for all your hard work.
Hi Dave Ballard 👋🏻! Thank you for your kind words sir 😀 you are very welcome 😁
I think views and subs will follow good content. 😃 So I will try keep getting better at this 😊 Have a great day!
Awesome awesome. Pls upload the remaining 2 parts asap. Thanks!
Hi Prayag Goswami 👋! Thank you very much, I'm glad you liked the video series 😀 The remaining parts are being created! 😎 After I finish this next tutorial I am working on right now 😍
THANKS MAN!!
Hi Mohamed Sahbouni 👋🏻! You are very welcome 😀👍🏻 I’m glad you like the video. Have a awesome day and keep building those awesome video’s 😁
Just found you. Love your stuff :)
Hi WP Eagle 👋! Thank you very much 😉 You also have a nice channel. Well done!! 😃
you are awesome
You are very welcome! Thank you for writing a comment. Really appreciate that! Please consider a like and subscribe or maybe a share for my video, that would help me a lot! If you want a free website review and audit, check wpressdoctor.com/audit
Hi, thank you for these very useful videos about the modules. Sorry I didn't understand in which video you talk about how to create a web shop.
Hi Matilde 👋! Thank you very much, you are very welcome 😀 I'm sorry, that video does not yet exist! 😋 I will be creating that one in a month or so, its going to be a-we-some 😍
@@WPressDoctor ok thank you!!!!
I’ll send you a message when it’s done 😀👍🏻
@@WPressDoctor thanks, always very kind!
I mostly use elementor pro because of there tons of addon support with third party.. Divi have very limited module especially testimonial section should have carousel option.
Hi Sarmad Ali 👋🏻! You are absolutely right, that option should have been in Divi a long time ago 💪🏻😃. However, I have a plugin to do exactly that, and I will be making a tutorial about that for my next video 😁
Could not find the Video: How to create a webshop. When are you going to publish this video? dont' let me wait too long : - )
Hi Rui Zhu 👋🏻! I am currently working on the “how to create a website” - that just takes ages but it’s coming ☺️after that I will create the webshop video 😀 thank you for your patience 😊
As at the time of this comment, you have not remembered to add this video to your 'Learn EVERYTHING Divi' playlist.
Hi James James 👋🏻! You are so awesome to point that out!! 😱 totally forgot to do that! Thanks man 😀 I will as it straight away 😌
@@WPressDoctor - Thank you, - I have added the link for the playlist to my OneNote journal, and look forward to watching part 4, and 5 : )
Awesome 😀 It won’t disappoint you, I have some cool stuff for that modules coming up 😎 Stay safe and have a great day!