HomeХобби и стильRelated VideosMore From: Darrel Wilson

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

177 ratings | 9141 views
In this divi theme customization, I show you how to add arcs and diagonal lines between sections with the divi theme! You can read more at elegant themes blog. Visit Elegant themes here:https://www.elegantthemes.com/blog/divi-resources/15-fun-divi-section-divider-styles-you-can-use-on-your-next-project To learn how to make this website, visit my divi theme tutorial here! https://www.youtube.com/watch?v=GqJuTs69lCo&t=1945s The divi theme for wordpress allows you to make websites visually and simply. I highly recommend it if you are starting with wordpress and want to make a wordpress website. You can purchase the divi theme here: http://www.darrelwilson.com/divi For more tutorials like this or to learn how to make a wordpress website, feel free to visit my website at http://www.darrelwilson.com
Html code for embedding videos on your blog
Text Comments (42)
Darrel Wilson (1 year ago)
Let me know if you have any questions! The links are in the description! Good luck!!!
Niklas (6 months ago)
Thibault Marrannes if you Update Divi now there are built in features to do that what he did with the css codd
Thibault Marrannes (1 year ago)
Hey Darrel, what if I would like to have the line go from don from left to right? What parameteres would I have to adjust?
p1colo (2 months ago)
Hi Darrel and Youtubers, i want to make a line the other way diagonal. What do i have to do?
Darrel Wilson (2 months ago)
they have new shape dividers in the new update, google shape dividers for divi! its in the new update!
Levi Daragiu (7 months ago)
It looks like this effect doesn't work with a background image you apply to its section if you want a parallax effect. Can you show us a solution for that as well? I get a weird hover effect when the parallax effect of the background image is active. Also, I get an image repeat just below the diagonal line, like the effect is compensating somehow for gap between the top diagonal line end and the top end of the background image.
Вадим Панна (8 months ago)
There is an amazing article comparing Divi 3.0 with Monstroid 2. If you are planning on creating a website in the near future, I highly recommend you to check it out, it's a truly essential read. https://www.templatemonster.com/blog/divi-3-vs-monstroid2-the-great-showdown/
Johnny B (9 months ago)
thx YOU ARE the man
Faaleh Sayeed (1 year ago)
Does this work on Divi 3.0? Seems to not work on it
Faaleh Sayeed (1 year ago)
Darrel Wilson yes I made it work. It only worked after I put !important; at the end of the css codes
Darrel Wilson (1 year ago)
yes it does, this is divi 3.0+
Naomi Coty (1 year ago)
thank you
Darrel Wilson (1 year ago)
you are very welcome
Nisar Ahmed (1 year ago)
perfect
Darrel Wilson (1 year ago)
thanks!
Roy Clack (1 year ago)
Darrel please help, the diagonal line on my site extend further than my screen so i get a scroll to side bar as the diagonal extends, and on mobile it shows in full? why is this?
Brittany Keller (2 days ago)
use this code in your css... body { overflow-x: hidden; }
Nero King (4 months ago)
I had the same issue, make sure you have #et-main-area { overflow: hidden;} on top of the code
Jaye Rochon (9 months ago)
This is happening to me, too. :(
Sanchit Goel (1 year ago)
Hey Roy, Did you a found the solution ? After updating the divi theme to latest, I am also seeing diagnal extended to the right and a scroll to side bar... [email protected]
Darrel Wilson (1 year ago)
it could be many things, best advice is to shoot it over to elegant themes support and they will help you out
Great tutorial. I'll definitely try it.
Darrel Wilson (1 year ago)
good luck bor!
Casethetic Design (1 year ago)
Hi Darrel, amazing tutorial as always. Anyway can you make a video about how to add Instagram feed to our website? Highly appreciate it!
Casethetic Design (1 year ago)
Thanks Darrel. Looking forward to it. Also, is it possible to remove the reviews column at the bottom of our product? or that column altogether?
Darrel Wilson (1 year ago)
Soon Soon! I got some big plans comin up!
Shawn Goodlow (1 year ago)
How do i get the visual builder??
Darrel Wilson (1 year ago)
it should appear at the top of your site. Make sure you created a page for this
Jose Marcano (1 year ago)
Hello! I'm using the diagonal shadow CSS but it adds a weird effect on my right margin for some reason any idea on how to fix this? http://prntscr.com/e37njx Nice tutorial :)
Richie (1 year ago)
How make a social networking website?
Dog Files (1 year ago)
Any chance you can do a video building a blog with the Divi Extra theme?
Darrel Wilson (1 year ago)
yes i do! https://www.youtube.com/watch?v=3BMe5dre9M0
IgnisKipa (1 year ago)
Dude can you tell me how to put logo above the DIVI menu please? what would be the CSS for that or maybe if you can create a video tutorial for that would be appreciate it. I also want to ask some people said woo is bad for ecommerce? and better off with open cart? If you only had 1 product and want to populate your webstore with either affiliate link or dropship its woo still great? How much charge for every transaction and what is pro and con that you think of it?
Darrel Wilson (1 year ago)
you can use a blank page, but that does require some custom work. Woocommerce is great, but they can be pretty greedy with their plugins. and yeah woocommerce does work, they have affiliate products too
Mr. John (1 year ago)
Awesome thanks.
Darrel Wilson (1 year ago)
thanks again!
Curtis King (1 year ago)
Thanks Darrel! Definitely using this tip!
Darrel Wilson (1 year ago)
good luck!
surfhippy (1 year ago)
I saw this before from some other bloggers, another option that's good to keep in mind is placing it in your child theme style sheet, otherwise the code in epanel does have risk of disappearing on updates.
Breathing Design (1 year ago)
Darrel, brilliant as always. cheers mate
Darrel Wilson (1 year ago)
thanks again! good luck

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.