Overlapping Columns in Elementor

[@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!

[@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.

[@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.

[@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!

[@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.

[@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!

[@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!!!!

[@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 !

[@gstcy7925]

8:50 Tutorial

[@wheres_bears1378]

Thank you

[@rakibulbappy01]

kzbin.info/www/bejne/oGXLiHR8e8-oj5Y

[@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!

[@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!

[@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!

[@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!

[@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.

[@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!

[@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!

[@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!

[@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!

[@StacyColeGA]

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

[@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.

[@shadetreeprofessor5723]

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

[@nancylwhite]

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

[@quebueno8822]

Yeah the music's louder than the tutorial

[@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.

[@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 🎧

[@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!

[@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!!!

[@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!

[@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!

[@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!

[@SlickFX_Trader]

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

[@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.

[@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!! 💪

[@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.???

[@sajjadabouei6721]

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

[@OoohBoi]

Glad you liked it

[@julianpalacio2508]

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

[@OoohBoi]

Welcome aboard!

[@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.

[@ritatria8168]

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

[@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!

[@dklipi]

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

[@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...

[@hugodiassilva]

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

[@thomaskuttyav3614]

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

[@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.

[@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!

[@brunomaia4492]

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

[@dibyajyotipanda7740]

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

[@OoohBoi]

Glad I could help, thanks for watching!

[@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

[@theshubhambarde]

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

[@OoohBoi]

Glad it was helpful!

[@OchangDE]

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

[@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.

[@adrianpgarvey]

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

[@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!

[@aftabhussain6428]

Very informative, good job

[@CompuskillsIsrael]

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

[@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 !

[@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.

[@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!

[@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.

[@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?"

[@Rominaxrose]

I think you just saved my life

[@freedomit27]

Excellent tutorial! Thank you!

[@OoohBoi]

You're very welcome!

[@maurocarrera7488]

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

[@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.

[@khawajahussainabrar4763]

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

[@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

[@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.

[@LiliAlisa_Art]

Thank you very much for this great tutorial !!

[@OoohBoi]

Glad it was helpful!

[@LivingWithYahya]

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

[@OoohBoi]

My pleasure!

[@yesjorn]

awesome tutorials, helped me a lot!

[@OoohBoi]

Glad I could help!

[@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!

[@espedale]

Great tutorial. You really added a lot of detail to hammer home the point. You must be a teacher outside of KZbin! Out of curiosity, what font are you using in the project? I really like it.

[@OoohBoi]

Glad it was helpful!

[@espedale]

@@OoohBoi What font are you using on this project?

[@allisavd]

Very excellent tutorial, thank you.

[@OoohBoi]

Glad you enjoyed it!

[@zoltanrakottyai]

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

[@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".

[@sadiq3690]

Excellent tutorial today

[@OoohBoi]

Glad you think so!

[@rajeshapkari9743]

Well explained concepts for Columns and Sections. Very helpful.

[@abrlkb2556]

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

[@MrNoScore23]

Thanks for sharing your great knowledge.!!

[@OoohBoi]

My pleasure!

[@byjenniferprice]

fantastic video!! thank you for your help!!

[@mostafakassem3843]

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

[@OoohBoi]

Thanks for the feedback!

[@vijaypathak301]

thanks for such a good presentation.

[@OoohBoi]

Glad it was helpful!

[@hlapoint]

Really a great tutorial. It's amazing!!!!

[@cindycindycindy]

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

[@OoohBoi]

Glad it was helpful!

[@iainlucaspt4026]

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

[@skwallpapers268]

Awesome, very professional content! thank you.

[@OoohBoi]

You're very welcome!

[@aycreativmedia3565]

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

[@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".

[@barryhickman9470]

Brilliant Tutorial Thank you

[@OoohBoi]

You are welcome!

[@ALMBusinessInstitute]

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

[@winniechaw3958]

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

[@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 !

[@Uforious]

You are amazing. Thank you for this

[@OoohBoi]

You're so welcome!

[@_d_m]

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

[@LakmalRuchira]

Thanks for the tutorial !!!

[@OoohBoi]

Happy to help!

[@ProOrigami]

great tutorial! Subscribed :)

[@OoohBoi]

Awesome, thank you!

[@gnentrepreneur]

Great Trick Keep Going Brother...!

[@OoohBoi]

Oh, there's plenty after this one...

[@melodyconcept2857]

Thank you, it's really useful tips

[@OoohBoi]

Glad it was helpful!

[@brandcampagency6141]

Fantastic vid! Thank you.

[@OoohBoi]

Glad it helped!