 Thank you. Good morning. Thank you for joining me. As you know, I love Divi theme personally. Can you guys hear me? Okay. No, is this thing not working? So should I scream? My bad. Okay, I'll try to speak louder. Where was I? I love Divi theme. I know that a lot of developers probably don't like it as much just because You probably don't you don't really need a developer after you find Divi theme really it has it has a lot of options And it's it's pretty awesome. It may be a little bit more bloated than most themes like Genesis or Themes are very simple just because it's a visual builder So any visual builder is going to be just a little bit more bloated than than other themes Okay, just a little bit about myself really quick. I don't like to talk about myself too much But I think I should introduce myself My name is Sunoon Chia. It's not pronounced to noun just FYI. I'm gonna founder shift web solutions It's a web design and SEO company that I've had for about seven years now I've been building WordPress for much longer than that. I also provide WordPress tutoring So, you know, I assume that there's a lot of beginners in here. I I just want to make sure how many you guys Have already used word for Divi theme Okay, and people that have not Okay, good. Okay, so maybe I can convince you to start using it It's it's pretty awesome so if you if you have any questions about Today I had to talk yesterday. You have questions about yesterday or just WordPress in general I'd love to help so please don't hesitate to reach out and just FYI. I know the internet here is not very good But if you want to follow along on your computer or later on go to shift web.co It's a Website I made temporarily just for this for work camp so you can see both of my presentations one from yesterday and this one from today Shift web.co. It's not my main website, but it's it's for work camp. So Okay. Oh, also, this is my little niece I Love her. She's she's an angel I'm a little obsessed so just wanted to show everybody That she's in the world now. Okay, so first things first. Let's go ahead and get started with Divi But actually yeah, let's let's discuss why What Divi theme is and why you should use it? To me Divi Maybe I'm biased, but I think it's the best theme in the world just because I've tried hundreds of themes and I'm not a developer so I Don't know a lot about what goes on and back in I just try to find something that works fast That's user-friendly that I can create for my clients and pass on to them so they can manage their site on their own and Divi to me Is is super user-friendly to use? And it's very powerful as you'll see. It's also a very popular premium theme. It's not a free theme it's a premium theme, but it's totally Worth it to me because once you buy the license you can use it for unlimited websites Not just one website. You can use it as many times as you'd like It's also a drag-and-drop builder. I don't use it the drag-and-drop builder as much Or at all really just because when I built WordPress sites from back in the day I'm just used to using the WordPress editor Or the Divi builder in this case But it's it's actually pretty awesome the the visual builder for Divi and you'll see I'll try to show it to you. I'm not sure if it's gonna come up, but Hopefully you'll see Also, the the interface is is super user-friendly to me. I mean I think just like WordPress. I think it's There's a learning curve when you first, you know use it You're like, okay, what do I do? But once you learn the basics you're gonna be like, oh, okay? This is really awesome The support is also really amazing just because there's a huge team behind Divi theme which is created by elegant themes. They make a ton of WordPress sites. This is their biggest theme I mean WordPress themes. This is their biggest theme Divi theme. So they focus mostly on on this. Oh And also like I said, it's you can use it unlimited times once you get the license And I have links here if you want to learn more about Divi then you can have buttons all over this Presentation just so that when you go on the site on your own time, you can learn more about each of these things So I'm gonna jump right in now into the features of Divi now So yesterday I learned my lesson. I learned that the internet is not very good here So what I did was when I got home yesterday, I just created a bunch of gifs hopefully It'll give you an idea of how awesome it is now if you are already using Divi theme You probably already know this but for the people who have not used it. This is one of my favorite things. It's not really hidden It's pretty well known. It's a pre-made layout layouts for Divi pre late layouts pretty much mean Exactly what it is. It's just layouts that you can use to start building your site So instead of building from scratch there are a ton of design and layout options that you can choose and then you could just upload it and then Start working on your website. It's pretty awesome So for example Let me see here So I opened up open up a bunch of tabs So you guys can see a better view, but how do you get to this is when you? Start a new page. This is what it looks like, right? And this is the Divi builder And and this is what it'll look like when you when you start using Divi and To load a layout you just click this button. I'm not gonna click on it Just because it's probably gonna start thinking And not go to the page But then when you click on it, it's gonna look like this and it's gonna you these are all layout options that you can choose from and It's really awesome. So for example, let's say you're a restaurant and you want to use this restaurant layout you can Okay, cool. So when you click on it You'll see all them the layout page layouts here It's not pulling up but each page for the bout page blog page contact page, etc You can upload the layout and as soon as you upload it It'll come to something like this and I'll load the whole layout and you literally just save it And you will have a site that looks just like this. That's how awesome Divi is so there's like a hundred and forty plus layouts that you can choose from and makes it super convenient for you to Start building your site. So you don't have to build from scratch. You don't have to This is not a child theme. It's they're just layouts. So they're kind of similar They function differently, but they look, you know, they're similar. So here's there's a ton of different Layouts for different industries is pretty cool. And they're always coming up with new ones. This one right here is pretty new I just saw that it came up here recently So it's really cool. You can just play with it click on it upload it and Then so for example when I built this site right here, I just used a layout that Divi provided Obviously, I made a ton of changes to it, but I didn't just start building from scratch I just uploaded a layout and there it is. It's a beautiful website and then you make your changes Yeah, sure So you would just go to edit a new page just like you normally would like this and just make sure that you Choose use Divi builder because if you don't then it'll look like the default WordPress And it's a little purple button and then once you click on that it'll look just like this and Pretty easy. Just create a new page click Divi builder and then you'll see load layout Yeah Any questions about a loading layouts so far Yeah, so you click load layout it'll pop up just like this. Yeah, it comes right up And then you could go through all the layouts and then when you click on it I wish okay here we go you could see the different pages that you can upload Yeah So what's awesome is that if you make a ton of changes to the layout or Divi theme and you As long as you don't mess with the code the back end You know the theme files your your changes stay stick So it's not a child theme, but your changes won't go away So you can make all the changes you want because it's really Your page settings and everything that you're doing for your page is all managed in in the editor like this here right here So if you make changes here or anything to Divi theme That's not the actual you won't get into the code files I mean there's there's no reason to do that so just don't do that but other than that no you can make changes and you'll be fine Yes Yep, exactly So you want about page a blog page case study contact page etc. You have to upload each page Individually so you will go create a new page call it about right and then click about and then put use this layout And then it's gonna load and then it's gonna come and look like this And then when you're ready for to create your contact page create a whole new page Don't delete this page save it right create a new page and then create a contact page And then load layout again go to your loading layout and click contact use this layout Yes You could totally change it so here's the thing you have to be careful when when if you don't like the layout And you haven't done anything to the page like put your your information in it You can easily change it and replace everything so if you click use this layout It's gonna give you a little warning. Hey, it's gonna replace everything. That's on this page all this stuff, right? So I would find the layout that I like before I start putting in my content and images Yeah, yeah, so if you want to load a new layout Just and you want to try it out create a new page. Don't replace your current page that you're already Building and creating. Yeah, thanks. Sure. Okay. These are good questions. Yes Yes That's a good question, so we're gonna get to that it's a color palette Yeah, no, that's a good question though, so Let's I get I'm getting lost because there's so many tabs open. Yes, okay back to the presentation So the second thing is exactly what you're asking is creating a custom palette. So this is another awesome thing about Divi So even though you see You know when you upload a layout, you know, I actually haven't tried this but when you upload a layout it's going to be It's going to be yellow Okay, but if you want to change it you have to change it yourself Manually go in and change the yellow because it's when it's uploading the layout It's just uploading all of the settings for that layout So you want to change anything you have to change it But the color palette feature here is awesome because let's say any business if you have a brand You have a color palette you have branding standards and you have certain colors that you need to use the standard across your Website, you don't want to use every single color and the spectrum You just have you know three four or five, you know colors that you want to use so Divi makes it awesome where that you know If you want to edit Something like let's say you wanted to edit this yellow part. Where is it? You know in in the modules here on on your site You will have to insert the hex numbers or copy and paste the hex numbers of the color manually, but what Divi does is that you can create a set of custom palette which is right here which is under Divi theme options and Right here in a general tab. You'll see a color palette and so go ahead and set your color palette for your your Your site and to do that just go in put a number choose the color, you know pink And then let's change this to green and then save it save So now when you go back and edit each page individually It's not going to update your actual color palette But it will be there for you so you can easily click it rather than having to copy and paste the hex numbers every time Yes Yeah Yeah, yeah Yeah, I'm gonna show you that too. Yeah, it's pretty awesome. So you don't have to do it over and over again So to show you. Oh, yes You're just gonna be a bunch of short codes and I wouldn't do that you want to just keep it at the Divi builder Yeah, don't don't use a default editor because it'll just show a bunch of short codes and You'll lose your I don't think you're a loser stuff. I think it'll show a bunch of short codes I haven't tried it But there's really no need. Why would there be a reason for you to want to use a default editor again? If you want to use another page builder So it gets a little tricky when you want to switch over What I typically do maybe it's easier for me To do this, but I would just build if your site's like pretty big a medium-sized site or it has a lot of content I would just create your site on a separate, you know, like on a subdomain and Redo it there and rather than just completely changing your theme and your plugins and everything It's a little traumatizing to your site when it, you know has all this stuff and then you just change the theme Can't really you know Oh, really I haven't tried that yeah Yeah, well, that's just too much exactly well, I believe you you can but it's just probably just messy Exactly, so I would just start from a screen a clean install or something It just depends on how you want to go about it But I think to me a clean a new install will be better, you know, and then switching it over There might be a better way, but I just never had the need to do that They don't like what Well, that wouldn't happen you have to set a standard for your client You can't just let your client, you know boss you around I mean if you build they hire you to build a site They need to trust you and the platform that you use Yeah Exactly exactly yeah, and the thing is like I I love Genesis themes I used to use it all the time that was the only thing that I use I I still love it because so clean and simple But the thing is like if you want if I want to do something it's just just so much more complicated I have to use so much more code and CSS and and and for my clients too It's like a lot of times clients are like well, I don't want this I want to move this around with Divi. It is so easy to do with Genesis. There's just a lot more coding involved It's just not it's clean, but It's not that flexible For the everyday user You know maybe for developers, but you know not for everyday users So once you set going back to color palette once you set it Let's say you go to your page, and you want to edit something. Hopefully it'll pop up. Let's say not right click to edit Something in in your Divi theme you have to click on the little settings tab I assume that you already know that but then when you go into design. That's when you'll see the color palette When when when there's a color option, so for example right here choose custom color if you click on that your your new palette comes up So now you have access to the colors for your brand easily, and you just click on what color you want to use And rather than copy and pasting the hex numbers every single time. So I love that feature about Divi So moving on to the next thing is the right click convenience. I love this about Divi as well because A lot of people realize that they always they may think that they always have to go into the settings like right here What where I clicked but for some features and some options you could just right click on on any of the modules And you will get some options here, and I'm going to discuss a lot of these options not not all of them But but a lot of them. So this is just quick quick access And and I'll go through these Down here Let's see what else Yeah, I think actually that the disable is the one that I do want to go I'll go over with you. So one of the things that you have an option with the right click I love let's say you you created a module that you don't need to show on mobile view or desktop view or whatever You only wanted to show it for certain devices You can just right click click disable, and then you'll see the three icons for For yeah, so you have a phone the tablet and the desktop So you click on it if it's red it means that it's disabled And you can all and see when I click on all of it it Grays out because it's just not going to show so you can actually use this if you don't want to delete a module You're like well, I maybe need this later But I don't want to delete it because it's going to be a pain in the ass to try to create it again You could just hide it and it won't be seen or you could just have it shown for your mobile Mobile view so blue is active red is inactive. So I love that and you can do it for a rose Disable You can do it pretty much for any module wherever you can right click is pretty cool any questions about this Okay Yes Yep, I'm gonna go through that too. Yeah, so a lot of those features from the right click are pretty cool So I they're included in one of the ten Now the module search bar is only available in the visual builder. So everything here that I've shown you This is not the visual builder the visual builder is pretty much. I wish I had opened up a tab So Okay, well internet is working. Okay, that's good. I'm lucky. Okay, so the visual builder is just your website Where you can visually build it or edit it through here. So a lot of my clients love this I hate it just because It's easy to to edit text, but I'm just so used to the back end I'm just more comfortable, but this is super easy if you just want to if you're more You know you you work better visually and you want to edit something simple like you know images or content You can literally just insert here Whatever you want and then save it. So the visual builder you'll see has all these little modules pop up settings If I make a change and I want to save it this purple Button is the magic button where you click on it. You've got to make sure you save your your stuff Otherwise if you leave your changes that you made does not change. So That's like the blue button in in the WordPress editor So if you where was I with this? Oh, yes, right right clicking and searching. So let's say you like to use a visual builder the whoops The module search bar is only available In the visual builder and I'm going to show you so let's say you want to edit Something from here. So let's click on the settings and Then Let's say here's a module search search right here. So let's say you wanted to change the text color or something just start typing and It's taking a second to pop up and then here are all your settings for text color. This is just so much easier I like this because it's so much easier Than going to design click on text and searching for everything. So I like this little tool I think it's a little handy. I don't really use it But I think people that use the visual builder. You'll find this very handy You just right click oops Click on settings. Yeah, and then here's the tool the search bar. Yeah. Yeah Okay, so That's the module search bar is super tiny. So here's another thing that's pretty cool about Divi is the gradient backgrounds The gradient backgrounds just like you see here. This is a gradient background that I use on the site it just allows you to create some you know to be a little more creative and and You know customize the look of your your background colors. So instead of just doing a solid background color Divi offers the gradient. So let's do let's go look at that So if you want to change the background color of a row, for example, let's right-click Well not right-click. I'm sorry. It's just click on the settings here for the blue one and then you'll see if I click on gradient That's where your gradient is. So I also have an image that's it the the image of Atlanta And then I also have a gradient so you can have a background image with the gradient You same with the solid color, you know, you can set the opacity, but this background gradient is pretty cool You just you know choose your your colors and then you just play around with it and Just go to town with it and experiment. It's pretty cool. I like this feature So that's gradient. So now let's do design options for headers. So this is another thing that I like Divi theme I find that when it uploads layouts For you if you choose a layout it likes to have multiple h1 header tags, which is not good In SEO so you want to change this? and so to do that for example is If you let's see this text Unlike this side, I just left all the h1 header tags because I'm not I don't care about the SEO for the site It's just for you guys. So I didn't change it. There's a ton of h1 titles here Just because it was the default from from Divi when I uploaded it But if you want to change this it's h1 h2 you could do that, right? And then if you want you can set the The default settings for your header tags will pop up, but you can set custom settings for the header tags in here by going to design and Scrolling down and then you'll see the header tag options. So let's say on this particular module. You have h1 h2 h3 h4 and You can actually change it by just click on it and then you can change the text size the color Everything put all kinds of stuff and you can do this within each individual module Maybe a little overwhelming to have to do that a lot You probably don't want to do that too much just use your default But the options are here that you can change it which is super cool in my opinion because Before Divi theme if you wanted to customize your h1 and h2 header tags You had to do, you know custom CSS, but they make it super easy Yes So if you do that there's a couple of ways to do it I'm gonna make the most difficult way is to changing this change the CSS have you know a developer Install child theme and change CSS, but that's way too complicated But what you can do is actually save the settings that you have So let's say you have a header module that you create a header module with this right here that you liked What you can do is just create for this right here. Let's go back So for this module I have text I don't have a lot of text in here all I have is an image and The text for this what you can do is just delete this image or save it Depends on how you want it and then save and add to library, which is something that we're gonna get through It's one of my awesome features that I use all the time But if you like something that you did within a module you could save it. Yeah Yes Yes, yeah, you mean like this text right here Yeah, so like let's say I go to design and I change that h1 because see this this one this text is wrapped in h1 So whatever I change whatever change in text right here It's not going to apply it's that H that that text and that's wrapped in header one You have to go down here and change this h1 and then when you make the changes here It's going to change that h1 header. Yeah. Yeah, so let's say you don't want multiple header ones and in a page period Just have one header one. That's just for SEO But let's say you wanted to have Let's go back to this yeah this page And then let's say you want it to have header to h2 Test h2 then go into design in this module and then scroll down and go to that same area Click on the h2 tab and then you can stylize it here Yeah, yep all in this module. Yeah Yep, well not every single one. So let's say you have two Header tag two h2 header tags in this one module just this one module Okay, because this one module is just a title. So let's say you have h2 Like this h2 test h2 and then another one h2 test to text Whatever you set for h2 in this module is going to apply for both of these to both of these But if you want to have different h2 header tags, then just create a new module by clicking copy and then editing this one and And changing that this one Okay Sure, yeah, no problem Isn't that changing the code files. No doing that. No, not at all Completely different. You don't touch the code files at all. So if you have a divi theme update everything that you do in here Does not touch the code files. So whatever if No, exactly. Nope not at all. So that's the great thing about Divi is that gives you so many options just as much as like a You know a develop you used to would have to have a developer to help you do some of this stuff Now it's all here in the page editor. That's pretty cool. Yes. Yes Yeah Where you clear it all out and go back to the well with wordpress What press already has as default that revisions for your page so you can use that That's a wordpress default. Yes Some of the questions The theme you're not creating. Yeah Yeah, this is your editor it's just your wordpress editor it's just where it's just your wordpress editor on steroids and Whatever, you know, you make the changes you make in here is not going to touch your code files That's what makes Divi a powerful theme because you have all these options You know safely, you don't have to go into the theme files or do anything like that That's something I'm still exploring because I want to make my site accessible but I have not explored that And if you Google it, there's gonna be a lot of resources, but that's a good question. Yeah, I don't know a lot about that. Yes I also heard that she hated Divi, I don't know Yeah Yeah, I mean the thing and Divi is so I wasn't here, but that's just what I heard and that's that's fine You know the thing about Divi is that accessibility means it's pretty much from my understanding accessibility is all in the front end is what you do to make it accessible Right on the site the sites nobody's gonna see back here So the fact that you have all these options you can make your site accessible if you know how to do it You know doesn't really have much to do with Divi in my opinion, but I could be wrong. I don't I don't know a lot about accessibility so I'm sorry Yes, this page right here Now I've been going through the plug-in WP accessibility Mm-hmm you added it to this site would solve that problem. I don't know just it depends Yeah, it just depends on what what the accessibility issues are that you need to fix I mean you might not even need the plug-in if there's something that you need to do you could find a Solution to fix whatever you need to fix But I don't know a lot about accessibility, so I'm not sure but this right here I'm not saving any of the changes. I'm doing I'm showing you is actually this page right here that I created that you have access to anytime So you can go back to see what I talked about another awesome thing about Divi It's a little unnecessary, but you know people people need it I guess so they have this option here the reason why I say is Unnecessary is because Divi already comes packed with 800 fonts. It's all the Google fonts But some people are like well, I still have a font that's so special that I want to upload Well, I try understand you know because it matches your brand and you need to upload a font Which is super cool because Divi makes it very easy to do all you if you want to change the font for something All you got to do is I really like to right-click and I even I don't need to Click on the settings and then when you go into the settings and into the design options You wherever there is a font option right here like text font you can upload a font It's pretty cool So if you're like a designer you build sites for clients clients are gonna go crazy about what this does So just tell them to not do stuff like that because then you're gonna have a million fonts Yes Couple though, you know, I don't remember they're always coming up with so that's a good question Divi's always being updated regularly It's always coming out with new features. I can't keep up to be honest. Oh Really, yeah, I know I guess I never tried that so I wouldn't know because I always copied and pasted Yeah, I never had to I mean the only numbers I know is like black red white, you know blue like the basic colors I never I never type it in so I never noticed that but now you could just type it in. Yeah, that's cool Yeah, Divi is always being updated. So that's another thing is that is that it's it's a very strong Theme it's always being it's taken care of so if there's like a bug or something happens It'll be updated. But like I said when you update the theme It's not going to mess with the settings that you made in a page editor So that's important. Yes Yeah, yeah, it's all Google fonts You said Yeah Yeah, so so all these fonts are available I'm not really sure where they're hosted these fonts, but they're all available So if I literally just click I want to change it to act me I don't have to upload anything. It just changes it to act me. Is that does that answer your question? I see what so when you upload a font it's just going to upload that file If I think I haven't tried this so I don't know if it's it will take a zip zip files But if you just upload like a tiff file or whatever the font file is it'll just upload that one font I Well first of all you shouldn't be using in an Explorer I Know you hear that a lot, but I'm just like when I hear that I'm just like don't It's like even even Microsoft told you not to use it. They're like stop using it Why are you guys using this? I mean the company's telling you not to use it So I can't tell you I don't know if something doesn't work on Internet Explorer. I'm like I don't care Because that's your fault for using that browser. So I just get to the point where I don't care anymore I'll say sorry. I don't offer support for right one file The way it's rendered by the browser based on what you told the browser. Yeah, it's all likes not like eight different variations But there's not eight different files or one font and then the browser Depending on which browser you're using Exactly. Yeah, so I'm sorry. I didn't really understand your question So if you if you want to use this one of the fonts here from from from Google Just click on it and then if you want to change the weight you have the options here to change. Let's see text text font weight Yeah, if it's available because sometimes I see that I'll have I could change the weight by like 100 200 300 You know, yes Files or a combination of hundreds of files You still absorb the bandwidth to bring those There are way in divi to limit the file size So you are not throwing so many bits around the Internet and slowing down your site Google Yeah, they're they're not they're you're not uploading hundreds of files when you upload a font if you're choosing one of the the fonts here It's it's it's I believe it's being hosted by Google, you know, I it's and you're not uploading hundreds of files And I don't think it's uploading hundreds of files. Yes Yeah, yeah Yeah Yeah, this all of this is not in like your WordPress website if that's what you're asking All these hundreds of fonts if you want to choose one Now it looks like especially fonts is almost a non Issue because Google's recognizing all this because now design is kind of pushing the Internet So Google is already trying to take down that, you know, it's slowing down because yeah Yeah, so I you know, I will double-check this but I'm pretty sure that this is not hosted within your website So you choose this divi has connected Google fonts, you know, what? Yeah, exactly. Yeah, because it's not gonna slow your site down. I mean, it's just it's just pulling Yeah Yeah saying hey, yeah, exactly Yeah, it's like I can't remember that font software that nobody uses anymore I used to use a long time ago where you could say, hey, I have a font that I want to use a special font I need to implement it with my website, but I would wait. What is it? No, it was like this I don't know what it was. It was where I could connect The font would actually be hosted with this other site not with your WordPress now Yeah, exactly. Yeah, so that's to answer your question. No, you don't have hundreds of font files in your in your site Yes Yes Yeah Yeah You have to set a standard with your clients and say don't do that. That's what I do. I thought don't go in there Yes, especially if I'm hosting it. Don't do that. Yes Yeah, you sure can Yep, you have you have the option to do that. Yeah Yeah, maybe I should have Yeah, I should have should have added something here. I actually wanted to do a bonus one I didn't have time because I had to make all these gifs But I'm glad it's working because I I don't really we don't really need these gifs So the next thing I want to move on to is collapse and rename So this is pretty cool. So when you build a site using Divi the editor back here It can get really long and confusing So one of the things that you can do is collapse it by just right-clicking and this was one of the right-click things one of the ten and click collapse and And then you can open it back up and then if you want to rename it We could just say click rename and do I'll just call it hero Click save and then when you collapse it It's it's called hero and here's another thing that I really love That I don't really use the collapse that often because I hate because I do need to access a lot of this stuff It's great for modules that you don't use a lot and you could just collapse it What I do use a lot is renaming the actual modules here. You see it says text text button. We'll just click on settings and Go to the bottom and change the admin label. Nobody's gonna see this, but you just call it a Section title Save and it's easier to find and when you have a lot of these little gray things everywhere It's like where do I go? So as you can see for this page because I was editing it so much Right here That had named it nobody's gonna see this but it's just for me pre-made layouts create custom color palette Etc right I didn't rename this module or this module. I just renamed this because so I know what it is So that's another thing that I love. Yes Yes, it works so well so I have Exactly Yeah, so, you know I built a site for a client recently that had a ton of people in their team And it was just all all you saw before, you know, I created, you know name the The the modules you would just see text text text text blur blur blur You know it was just so many and then so all you had to do is just change it change the title and then And then you could see and then you can easily just click X to delete it So if I click X to delete it or it could just do undo and it just comes right back Yes No, it's right there right here you see the column option click on that these are all your options by fours This is the one you had to choose from yeah, so if I want to change it to that Yeah, yeah, but I'm not yeah, I'm not gonna go through all that but yes, yes you can but for for this purposes For it was really good for beginners and I'm not gonna go into anything advanced I mean you literally can do anything you want with your website. I mean if you want to add custom but Most of times what I love about Divi is that you don't even need to to do that because a lot of times the options that It's already in there. It's just so much that you don't really need to do much. Yes Yeah, oh Yeah, the specialty sections. Yeah, you click on that you can Do things yeah, this is it's a little more advanced so you have to play with it. It's pretty pretty cool Yeah, yep, that is Number nine You guys ask good questions because you're like psychic. Okay So say to library. This is what I use a lot most of the times so let's say You create so what I did was for example if you look at this page I have green purple Gray green purple gray. So what I did was I would just clone it. So let's say the Crate Crate custom palette Well, this is not the save but I'm gonna show you clone too because it's kind of similar. Oh Well, not really but I use it a lot So if I like this this Crate custom palette, I don't remember what color background that was custom palette That was the second one it was purple and I need another purple background. I could just click clone But quick click clone for the whole section not The the modules within that row the whole section you clone it and it pops on right here And then I could just change the text and all that and then I can move it around because I don't want it there and Or delete it now That's a good option within pages if you want to use the same modules But let's say you want to use a module for a separate another page You don't want to have you can't copy it, you know, you can't clone it just like we did here So you could pretty much save anything to the library from individual modules like here By I always want to right-click by clicking this the settings option right here And then you have save to add live and save and add to library. So this section right here. Let's say I Wanted to save The pre-made layouts one of the one of the first things that we discussed And I want to put this whole row pre-made layouts This whole green row onto another page Make sure that you choose the whole row, which is the blue part right here click the settings and Then save it and add to library. I'll call it pre-made layouts section Save it You don't really see it do anything you saved it, right? But let's say you're in your no other page another complete a separate page Okay, let's pretend I did all that I don't want to click too much And then you you go to the section that you want to put that row in just click add from library And when you click on that there it is Everything that you saved so let's say you wanted to just save You you created a header that you liked from the other question that you had earlier Let's say this is the header that I like just just this right here I don't want to say this whole green module or you know that whole row I just want just just this right here This just this text I styled it to the way I liked it then you would just save this part because that's where it is and click the settings there and then click save to add to library and then I'm gonna call it header One Because I said it was a header one you can enable whatever you want save it No, but I'm gonna discuss that a little bit. Yeah, so no you don't have to make a global. That's different So let's say you wanted to add that let's say you click at from library It's not gonna show up because where I click to add from library It's only gonna pull like the sections the rows right here, right these sections So if you want to add that header, you'll have to have a module like this open and just click insert module and Click add from library and there's that header So sometimes that can be confusing Yeah, or for example if I want to save this row just this row click save that and I'm just gonna save it and call it row example Save it if I click here at from library is not gonna show because that's not section If I click enter module is not gonna show because it's not a module. I Mean I call everything module. So I know that's a little confusing, but that's This that's not actually a module what I just saved you have to click add row because I save the green the green part I saved it to the library. That's the row and then click from at from library row example Does that make sense? So I love this feature because it It really Makes it super easy. So I'm running out of time. So I'm gonna discuss the global module really quick Let's say you created a footer for your your site Let's say I have this footer down here and I like it and I want it for every single page If I go to edit page, it's this well, do you see how many times I saved it? I'm a little obsessive clicking save Everybody should be This right here is the footer. I can make this global, but if I want to save it click save Save and add to library and I'm gonna call it footer and I'm gonna make this a global item. So when I do that It'll change the color it'll change the color. So now when I go to a new page And I add add from library and I'll add the footer. You'll see it's green. It's global now So what this means is that a footer if it's global if you make a change in this Anything in this global footer right here. You make a change. It's gonna change on every single page That the global footers and it's pretty awesome. So you save time And then you don't have to you know, if you have this footer in multiple pages If you don't make it global then you're gonna have to change it for every single page You have to go in and edit the page, which is annoying so and And that was yes number nine K number 10 Mobile tablet options really quickly. I love this feature. So let's say you have a header like for example on the top of this page This header right here was way too big on mobile view. So you can customize the actual View of this before we discussed disabling it But let's say you just wanted to make sure that the text is smaller so it reads better So to do that let's go to that module go to section title And then click the design tab. That's where you're gonna change the You know the the settings of that font or the text and if you go down You will see right here the heading size if you You'll see it says desktop tablet and smartphone This wasn't here before but I clicked on the phone if you click on the phone Everywhere you can customize the view for tablet and mobile view You'll have to see this little icon you click on it. It gives you the option. So let's say For the heading size you see for desktop. It's at 55. This is 55 Points if you go to tablet, it's a little bit smaller your smartphone is 32 So you can customize what it looks like for each device, which I love this feature is pretty cool. Yes The form Yeah, yes Whatever you see this little icon, that's where you can do it. So for photos Yeah, it's mainly for text what I when I see these These these icons is mainly for text for photos. You're gonna have to customize it By CSS or something else Yeah, it's responsive already so that's another thing Divi is already and by default mobile friendly. So whatever layout you put whatever you do, it's gonna it's gonna scale. Yeah So that's why you don't really need to do that for photos because it just scales. Yes Yeah Yep, so I'll do that too Yep, and to do that really quickly. I know that's not in there Unless somebody else has a question is for example, you could just change this and put Yeah disable and let's disable it for desktop and then what I would do is probably call this like a mobile module Or something so you can know and then just clone it and then and then do this disable and make sure that this is only for mobile View and then you can customize it however you want Yeah Wow, that'll be Yeah, so what I do is when I do tweaking To optimize for my phone. I have my phone next to me and I make the changes and then refresh and see what works That's what that's all you got to do. Just play around with it Yeah One thing to be aware of when you hide the modules They're still rendering So true ran into a couple cases. Let's say for example, I had modified for a nonprofit there check out Yeah Problem was I had a desktop check out and a mobile optimized check out. Yeah, they didn't work. Yeah, the JavaScript was Exactly, so just be aware that you're when you disable it. It's still rendering exactly It's just exactly it's just doing display none. It's just hiding Yeah, yeah, just double check that. Yeah, and if you really don't need the module just delete it Don't just hide it just delete it. But yeah, that's true No, no because what yeah, yeah pretty much. Yeah It depends on how many sites you want to build If you want to build a ton of sites then the reason why I like the lifetime I say yes, just because if you don't get the lifetime is 89 per year You have to pay every year for as long as you have your website So if you build a lot of websites, yes, definitely and if you have if you plan on using a long term. Yes Yeah Yeah But Yeah, does anybody else have any questions? Okay, good, I'm glad sure. Yeah You don't need access if that site already has access then you're good you can make changes to that site Okay, yeah, I'm gonna answer your question