Overlapping Columns in Elementor

[@ajishb03]

This tutorial basically teaches you not just giving you methods, first he does it wrong, we all think its right then he explains what was wrong in doing that and shows the right method.. good

[@OoohBoi]

Thanks for avoiding the audio background complaints!

[@brobocops]

AKA a waste of time.

[@thepurpleufo]

Not only have you shown us a brilliant method of doing this...but (for me) even more brilliant is that you first showed us the "obvious" methods that just don't work. That's the icing on the cake. Thank you. Oh yes...also thank you for being so detailed in your explanation and in your visuals...not glossing over any steps. Great!!!

[@OoohBoi]

Wow, thank you!

[@harbourdogNL]

I'm 5 minutes in to this video and let me tell you, showing examples of what does NOT work is SUCH a great approach, esp. for someone like me who new to Elementor and not very good with it.

[@soundcog]

This is one of the very best tutorials I've seen on KZbin on ANY subject. You have a great teaching style and this tutorial has helped me immensely. Please keep making tutorials like this. The Elementor folks should hire you! Thanks for taking the time to share your knowledge and skills.

[@donnaharper4621]

Excellent tutorial! I've been pulling my hair out trying to get my columns to overlap. Thank you so much. Love your humour too!

[@akitosingh]

You are one helluva an explainer. I haven't seen someone handhold someone through why something doesn't/ wont work. The utility value of this particular tutorial may be small... but big up to you friend !

[@nicolep8211]

Excellent trick! I’ve been a WordPress designer for 10 years but I’m brand new to Elementor and you taught me a lot of things during this tutorial. Especially about closing the panel to be able to see the actual view. Great job and thank you!

[@OoohBoi]

Great to hear from you, I hope that my other tutorials may be helpful too!

[@creativegenie50]

Thank you Thank You, brilliant clear and concise tutorial. I just spent 2 days messing about with margins, padding etc. only to F*/? everything up. As a complete beginner to Elementor you are now my Elementor GOD!!!!

[@jenbeattie6361]

This tutorial was WILDLY helpful!!! I learned so much and it helped me feel confident in completing the Sales Page I was working on - excellent teaching style and very thorough. I'll definitely look to you for more tutorials when I need them for Elementor - thank you so much for this tutorial!

[@harbourdogNL]

Re-watching this after 2 years (and really glad I found it again!), and just want to note you really don't need that background music it's quite distracting! Great video, so thanks again!

[@Statch011]

This was so helpful! I loved how you showed us why the other ways didn’t work.

[@nancylwhite]

Excellent tutorial! Thank you! But please get rid of that background noise.

[@quebueno8822]

Yeah the music's louder than the tutorial

[@kenny1394]

Goof tutorial. You explained all in details why use this and not that. So perfect. Not just "please copy what i am doing" i like this!! 💪

[@eduardopereira-fr5nw]

You saved my life. I was looking for a way to master this complexity of layout styles for a long time. Just today I steped into a project in which I had to work with this type of background divisions and also columns overlapings. thank you so much.

[@OoohBoi]

Glad I could help!

[@Bad_Pizza]

You are a FANTASTIC teacher my friend! Please keep them coming! I never comment on KZbin videos, but you deserve more subs! Keep that content coming, please don’t get discouraged!

[@SlickFX_TF]

VERY HELPFUL. I especially like the "setting image to background image" when it wouldn't fit in the "inner section" Thank you!

[@gstcy7925]

8:50 Tutorial

[@wheres_bears1378]

Thank you

[@rakibulbappy01]

kzbin.info/www/bejne/oGXLiHR8e8-oj5Y

[@skipthompson8848]

This was a great tutorial. I really appreciated learning things from scratch, doing things the right way. My design skills are no great shakes but are getting better. And after this video they have taken a big leap forward. Thanks, Ooh Boi!

[@born2bbald12]

Excellent presentation. You are a gifted teacher with, apparently, years of experience. You have a keen mind with great logical progression. Greatly appreciated is showing the "wrong" way of doing something. This strengthens justification of your point. This is my first visit. I will be viewing more. Thank you for sharing your knowledge and great style!

[@OoohBoi]

Glad it was helpful, thanks for watching!

[@born2bbald12]

@@OoohBoi You are very welcome! What is your teaching background?!

[@OoohBoi]

@@born2bbald12 I have no teaching background, I started this channel to help people better understand Elementor, that's all.

[@born2bbald12]

@@OoohBoi Well, my friend, you have a natural gift for communication and especially for teaching! I compliment you! Also, I appreciate your desire to share and serve others!

[@musicalminds2020]

Yesterday I was wondering how overlapping can be achieved and today your video was in recommended videos. I am amazed by YOU+TUBE. Keep up the good work. This video has more views than others. Definitely you did something right, no wonder.

[@faizanafridi6373]

The best video ever. The amount of things I have learned from just this one video. Thank God for you. I will definitely be checking out your other videos.

[@ritatria8168]

One of the best tutorial I have watched. Well explained and detailed. Please keep sharing more. Thanks 👍🏻👍🏻👍🏻

[@agncreative2526]

Probably the best tutorial I've watched. I think too often people try to teach too much at once, and you don't really learn why you have to do things a certain way. I will be subscribing. Keep up the good work!

[@OoohBoi]

Glad you enjoyed it!

[@lavanyalokanathan9]

This is a fantastic tutorial. I achieved the overlap with a negative margin and though that I had to live with it, because i didn't have the pro version. Thank you so much...

[@OoohBoi]

Glad it was helpful!

[@veraboer1080]

I don't often comment under KZbin instruction video's, but I really need to complement yours! I have been struggling with this for ages. Always wondering how I could get these overlapping boxes and be neat on mobile. You have learned me some interesting stuff, such as the mobile reverse columns and by putting the text over the image by using the index (always wondered what it was for haha). Thank you so much! I feel like a leveled up in Elementor in just a few minutes. Keep it going!

[@OoohBoi]

Glad it helped and not complain about the musing being too loud!

[@shadetreeprofessor5723]

Wow! I was looking for a simple padding and margin video and found this clinic. VERY helpful! Thanks!

[@dklipi]

Ooooh Brother you are not human, you are an alien. Mind blowing technique

[@Creativetoria]

Great Video. I didn't find any problem with the background music. I could hear you perfectly.

[@OoohBoi]

What?!? I can't believe someone wrote that! You must be using Beats by Dre 🎧

[@vx-petia]

WHAT A HACK! Brilliant, thank you! Except for 14:07 you said that there's no way to delete the image because it'll go away on Desktop. If you wanted, you could always just go to Responsive and 'Hide on Mobile.' Great video, thanks!

[@OoohBoi]

All righty, thanks for the feedback Petia!

[@bipulsantosh679]

thanx a lot brother i absolutely have no problem with anything (like voice or ant other thing) . i understood each and every thing crystal clear lots of love from india and my side as well continue the great work

[@OoohBoi]

Thanks, buddy, glad you read someone had a positive audio experience too!

[@WShawn]

Very good. I'm a beginner, and I like that you show alternate approaches that DON'T work before showing the one that does. Too many tutorials are just "push this button, drag this thing, etc" without explaining WHY. Also, I had no trouble understanding your voice, and I like the energy the music adds. Boring, monotone tutorials put me to sleep.

[@postingproductions1050]

Great video! I loved you showing what doesn’t work and why. I learned much more this way than just showing what does work. Great!

[@OoohBoi]

Glad it was helpful!

[@SpencerTaylorOnline]

This awesome trick also works in Divi. Do the same thing with a two-column, 50/50 row, instead of the inner section. It looks great on the desktop, especially, but on mobile, I prefer to make a "tall" version of the image that looks better on phones. You use it in the same place as the image widget for mobile. I love this channel! So many impressive tricks and ideas.

[@OoohBoi]

Oh really?! Thanks for the info mate!

[@SpencerTaylorOnline]

@@OoohBoi, yes! It's the same idea as what you show here. The method works overall, it's only a matter of how to tweak it for other page builders.

[@SteveSkinner68]

Great tutorial! Best one I've watched in awhile. Your style of teaching, and pace is nice. In the last step, where you duplicated the section to reverse the order of columns, I was able to do that by just changing the angle from 90 degrees to 270 degrees. That worked just as well as the way you showed it.

[@OoohBoi]

Yes Steve, that seems like a nice alternative. Thanks for sharing a tip!

[@loublumoo]

Oh you've made me so happy and given me a massive cheesy smile on my face. I've been struggling over the last 4 weeks trying to get my Elementor/WP site up and going - I've started and restarted and given up and started again and become really downhearted about failing at everything and it all looking rubbish. I followed your brilliant tutorial and learnt so much in general about editing with Elementor AND got a really fabulous looking professional effect with the overlap. Thank you so much - you've got a new loyal subscriber. PS, please lower bg music - had to follow with subtitles on. ;)

[@OoohBoi]

Thanks for the feedback buddy, really glad to read it helped!!!

[@chrissteele7369]

Have been waiting for these kinds of Elementor tutorials for a long, long time. I appreciate the way you actually create examples of possible ways to do something but show why they may not work. Then you demonstrate the proper way to accomplish the task in step-by-step-fashion. Just excellent. And seeing it done makes a huge difference. I hope you'll keep these videos coming. I think the length is just fine. Too often important details are skipped in the interest of shaving off a few minutes. Thank you, thank you, thank you.

[@tombartholomew]

Another amazing video! I just keep watching, and learning. Everything you teach works like a dream, and makes me look like I know what I am doing!

[@ssilverm]

This is an excellent tutorial but your voice is competing with the obtrusively loud background music for the entire video. The music adds nothing - it just makes it harder to concentrate on what you are saying.,

[@OoohBoi]

Too late bro. Can't replace audio without video re-upload. Which means ... oh God, I don't even wanna think about. I might even die 💀

[@markborst2992]

Oooh Boi I agree about the music. If you don’t change this one, can you just reduce the volume on future ones?

[@freshprinceofsolair]

@@OoohBoi just use music for intro and then dont use anymore till the outro

[@ChrisBlackmanDarkArtDesign]

@@OoohBoi Please Don't as music doesn't even come into it with your voice - keep up the great work as you have opened up New Horizons for me :)

[@jkagon]

I love your voice and the music was nice.

[@fireninja897]

Thank you for a great tutorial! and I wouldn't care if you were playing metal. I would just listen over and over until I got the rock solid knowledge you so freely shared.

[@OoohBoi]

Thanks for watching with the inner peace on mind...

[@sajjadabouei6721]

Well explained i enjoyed it nobody explain in this detail Thanks a lot Keep it going

[@OoohBoi]

Glad you liked it

[@OchangDE]

Love the tutorial. Very well explained. Easy to understand! Superb!

[@adrianpgarvey]

Thank you for going to the effort of making this tutorial, it is much appreciated and very helpful!

[@acaciasanchez724]

excellent tutorial, and even without voice everybody would understand how to do everything!

[@OoohBoi]

OMG, you're like person #2 saying something like that. Thanks!

[@alvarez958]

Exellent tutorial, and Very big heart behind your voice !!!!!! thank you boi !

[@textervaid1]

excellent tutorial and info. The music was over powering , hypnotic - after a heavy meal ..the music made my food digestion quick , eyes droopy and I turned into a meditative vegetable. Thanks anyways tho ! good info.

[@OoohBoi]

Oh...heavy meal...it sounded like you got some Girl Scout Cookies

[@suzijohnson3157]

Thank you soooooooooooo much for this tutorial!! I am brand new to Wordpress and just found Elementor but have been going crazy trying to figure out how to create using both. This was a great help to me (except for the music, ha ha. That was very distracting to my already scrambled thought process.)

[@OoohBoi]

Thanks for the feedback, hope you gonna enjoy other vids too. All of my new tutorials have no background music.

[@jamesvath5839]

Great vid, thanks. At 20:30, instead of switching the 2 colors in the background overlay, it's easier to just change the angle to 270.

[@OoohBoi]

I guess that might be OK too!

[@nigelyates9271]

Loved the detail in this tutorial - this was just what I was looking to do and now I have!! Followed along step-by-step and learned a couple of 'golden nuggets' along the way 😁 Really did appreciate the detail and thorough explanation of what doesn't work and why Vs what does and how...awesome job and thank you!

[@OoohBoi]

Thank you very much, I really appreciate your feedback! Hopefully, you also enjoy my other tutorials.

[@WillemKoenes]

Question can you explain how to do this with containers, I switch to container there for the widget inner section is not available any more.???

[@zoltanrakottyai]

Thank you for this excellent tutorial. This little trick improves the overall look dramatically.

[@spcornelissen]

A simple solution to complex issues. As others mentioned, the music was distracting, perhaps with a turned down volume it would be OK. I normally say I do not mind hearing the music, but I do not want to listen to it. On the other hand, I concentraded so much on the process and will be able to repeat with eyes closed, the music became a distand secondary noise. Well done, best tut by far, as all your other tuts. "Please sir, can I have some more?"

[@thomaskuttyav3614]

You are a great teacher and waiting for lots of new tips and tricks from you.

[@Favorite828]

Thank you so much for this video...it was beyond helpful!!! And it was super analytical comparing to other videos. So, it is way better for beginners! Appreciate your time and help!

[@OoohBoi]

Glad it was helpful!

[@danielchrismansfeld1370]

Thank you for going to the effort of making this tutorial, but i would recommend leaving out the backgroiund music as its disturbing a bit ! thanks and kee pup the amazing work !

[@aftabhussain6428]

Very informative, good job

[@maurocarrera7488]

I really like your videos, but you should put the music as background not over your voice. Is difficult to hear.

[@rominamehrabi2647]

I think you just saved my life

[@brunomaia4492]

Congrats and thanks for sharing, amazing solution, way better than negative margin approach.

[@sahariqbal]

oooh boi ohhh boi oooh boi , its realy helpful and more desirable tutorial thank you so much for sharing such an amazing and helpful tutorials.

[@kesc23]

I like the didactic way you explain things.. and made me visualize. I use beaver builder and this video made think that is possible to port this to BB. Thanks!

[@OoohBoi]

Glad it helped, good luck with the Beaver tho!

[@CompuskillsIsrael]

Excellent! Just what I needed to know and explained beautifully. Thank you.

[@dameerdj5403]

Thanks dude keep up good work, there should be more tutorials like this, Elementor is kinda yet-to-be-explored thing.

[@OoohBoi]

Agreed! Will do my best to get more.

[@dibyajyotipanda7740]

Thank You So Much Man It's Really So Much Needy For Me Today.

[@OoohBoi]

Glad I could help, thanks for watching!

[@hugodiassilva]

I love your tutorials and your plugin. Please keep up the good work.

[@mybcn]

Excellent tut! You really do great video tutorials. Great voice, pace and easy to follow. Music was OK and I know you have toned it down in your newer vis, this is 1 year old. A lot of people play KZbin (and Podcasts) at higher speed so music is a bit annoying then. I actually really appreciated that you showed approaches that do not work first, that is a great unique approach. Adding some bookmarks to where the "action" begins is a great way of making everyone happy! Apart from learning something new that I immediately could implement in my own site I for the first time found the use of Inner Sections... Ended up using the BG photo in the outer section BG instead, and as a Slide Show, since Elementor has evolved in the year since this vid was made. Looking forward to your next tut! //Matthias

[@OoohBoi]

Aww, thank you for the kind feedback, I really appreciate it!

[@ulrichbecker9333]

Excellent tutorial. Looks complicated at the beginning of the final solution, but once you understand how the overlay background works, it's damn easy.

[@OoohBoi]

Please use "Steroids for Elementor" add-on that I have created a while ago. Sections, Columns and widgets management is now much easier via the Elementor interface, by using the "Breaking Bad" extension. No Elementor PRO is needed, please ask Google about "Steroids for Elementor".

[@khawajahussainabrar4763]

Thank u Soo Much Sir😍🌹 Really this tutorial help me alot✨

[@julianpalacio2508]

Oooh Boi, thank you! I'm learning so much with your channel. You got a new subscriber. Greetings from Colombia!

[@OoohBoi]

Welcome aboard!

[@BioHubIndia]

Sometime in between, I started to feel sleepy due to the soothing background music. You should consider to avoid bg music.

[@rakibulbappy01]

kzbin.info/www/bejne/oGXLiHR8e8-oj5Y

[@williamk2182]

No. Your style is engaging and peaceful the entire way. Keep it.

[@phildanknermusic]

Thank you very very much - that was really helpful - keep up tha great support work here on youtube.

[@OoohBoi]

Thanks! And thanks for not landing another complaint about the music being too loud.

[@rajeshapkari9743]

Well explained concepts for Columns and Sections. Very helpful.

[@theshubhambarde]

Thank you so much ❤️🙏I was looking for exactly this 💖

[@OoohBoi]

Glad it was helpful!

[@_d_m]

Fantastic tutorial, very useful and straight to the point. Thank you!

[@theguitarkitfabric9007]

That s interesting but i wonder if it is generic/universal. I will not really call this a section overlay but rather a background and a section overlay (although i am a newbie!). I might have miss something but how you will do with your method then if you want instead of using a fixed image as background use a slideshow? Or maybe a slideshow on which you will overlay a button, etc..? Thank you.

[@aycreativmedia3565]

Hey, you are an awesome teacher and an awesome designer. Great work. i follow you.

[@winniechaw3958]

Love the tutorial. Easy to understand! VERY helpful! Thanks!

[@YahyaAyob]

Thank you so much for this amazing tutorial, my friend! :)

[@OoohBoi]

My pleasure!

[@freedomit27]

Excellent tutorial! Thank you!

[@OoohBoi]

You're very welcome!

[@iainlucaspt4026]

Amazing video! Thanks so much for making it very clear and easy to follow! Legend!

[@hasanmuhammad7712]

Perfect Guru, over the years I did it wrong

[@OoohBoi]

Go for "Steroids for Elementor" add-on. It exists of 20+ extensions for Elementor widgets and elements. One of them is named Overlaiz, and it can be used for making all kinds of overlaps. I've made it a while ago, it's free, just ask google about "Steroids for Elementor".

[@sadiq3690]

Excellent tutorial today

[@OoohBoi]

Glad you think so!

[@sergiods2333]

The purple "Let's work together" box, what kind of element is that? Im trying with text and it's not the same, it hides behind my image to the right side. Thx.

[@theredmaster_superbee]

teacher ... I have a special case because of a design that I came up with and it was very complicated for me, I basically want to overlap a section, totally sections on top of another section without them being disarranged when scaling the browser window. I already tried moving the entire section with negative values ... and I thought that changing things with absolute positions but nothing works for me ... what do you recommend to me to overlap complete sections and that they behave responsively without moving from place to place? Thanks, teacher.

[@LiliAlisa_Art]

Thank you very much for this great tutorial !!

[@OoohBoi]

Glad it was helpful!

[@davidofug]

The tutorial is amazing. Thank you

[@nickderington516]

When I duplicate the section it doesn't copy over the inner section background or any of its settings. I am duplicating off an existing one that is completely done. Any ideas?

[@CustomSneakers]

This was a very good tutorial. Thanks

[@OoohBoi]

OoohBoi Steroids for Elementor can help you do the effect way easier! kzbin.info/www/bejne/fn7Okq14e7mjoac

[@mostafakassem3843]

Thanks man! Amazing tutorial, saved me a lot of time and effort. Keep up the good work. Cheers!

[@OoohBoi]

Thanks for the feedback!

[@byjenniferprice]

fantastic video!! thank you for your help!!

[@soomro6649]

I love you for making this video! It is so so so awesomeeee ❤

[@abrlkb2556]

Thank you so much... it's a great tutorial!

[@crankbit2401]

hahaha really the music is a bit annoying because too loud - but damn, this tutorial is sooo good, I learned so so much. Thank you a lot my friend!!

[@LiveBroadcastingRocks]

Really helpful and to the point. Will implement this exactly on my website! Thanks

[@yesjorn]

awesome tutorials, helped me a lot!

[@OoohBoi]

Glad I could help!

[@cindycindycindy]

WOW this was an amazing tutorial. I really feel like I learned a lot. Thank you!

[@OoohBoi]

Glad it was helpful!

[@allisavd]

Very excellent tutorial, thank you.

[@OoohBoi]

Glad you enjoyed it!

[@ALMBusinessInstitute]

Ok ... your videos are going to be very useful!! Good work.

[@MrNoScore23]

Thanks for sharing your great knowledge.!!

[@OoohBoi]

My pleasure!

[@veganhoneypot8307]

Brilliant tutorial, thanks learned loads. Appreciate you.

[@ilustramartins6145]

The video is so so so good, the music is loud, but is so good