Divi Theme Customization: How to Create Diagonal Lines Between Sections in Divi Theme

Key Takeaways

[Music] what's up guys my name is Daryl and today I'm going to show you guys how to add in these really cool designs with the divvy theme now there's a total of 15 different designs but in this tutorial I'm going to show you how to get these arcs onto your WordPress website and also introduce you to some articles and further reading how you can add different styles okay so the first thing I'm going you do is go to this page right here now this page is also in the description guys and this is basically a uh a blog post by elegant themes during the 100 day of divy and they kind of introduce you to a lot of cool designs you can add to the divvy theme that like divide it you know because usually by default it's just like a flat line and you know maybe you want to add some Decor right you want to add something that looks good so they have uh different designs and they give you different instructions on how to add in these really cool effects and it's really simple guys so I'm going to show you guys one and then you know once you get comfortable with it you kind of want to go mess around a little bit more uh feel free to do that so we're going to go to number 14 right here and we are going to add in the diagonal line and right here you can see they give you a preview of it so the first thing they want us to do is go to the CSS class of a module and add in this text right here all right so going over here I'm going to go ahead and enable the visual Builder and I'm going to show you exactly how to achieve this all right so right here under this blue bar right here I'm going to click on the gear icon all right now I'm going to go to CSS and you see where it says CSS class all you need to do is go ahead and put in the diagonal Shadow now I have already put the code in my theme so basically you're going to see it anytime you put in the diagonal shadow in any module all right so go ahead and put in diagonal Shadow right there and click on checkbox and then make sure you save it all right the next thing you're going to do is just simply take this code and just paste it in the theme guys and you are all done all right so going over here I'm going to go to my dashboard and go down to divy and go to theme options and scroll down just keep scrolling all the way to the bottom right here all right and all you need to do is simply just paste that code into the box right there you see I already have it in right here so this stuff right here let's see right here all this code you already need to put that in so right here all this code I'm just going to cut it all right now I'm going to save changes and show you guys that once you actually don't have the code guys it it will not work you must enter that uh word for word okay so going over here I'm going to go to my uh little uh my services page all right so right now they're all gone okay so if I add the code in there right here just going to paste it go to save changes now if I go over here refresh the page hopefully this works I don't look like a complete idiot okay all right so that's how you guys do it and see now we have the arcs and it it applies wherever you apply the code so if for the best effect you probably want to add it to the blue the blue section but you can add it to any section you want to achieve that line okay so let's go to enable the visual Builder and once again I will go ahead and just you know delete one and just to show you guys that once you have that code in there it kind of responds to your whole theme okay so now it's gone all right and you guys can actually go through all these right here and they give you all these really cool designs that you can add I had this on one of my tutorials but for those people who didn't watch it or didn't see it uh this is where you can get that information also there is another further reading on how you can get the diagonal line on the opposite direction okay and I've put that also in the description guys so uh that's about it guys I hope this was helpful go ahead and give me a like And subscribe and all that good stuff all right and I'll see you guys all later we forever [Music]