How to make the content bleed sideways in Elementor - no PRO needed

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

Комментарии • 170

  • @ionutsabo
    @ionutsabo 4 года назад +41

    Everytime you publish a new video I grow as a professional. Literally. THANK YOU!

    • @OoohBoi
      @OoohBoi  4 года назад +6

      All righty, that's something! I'm really delighted to read something like that, thanks!

    • @ving1310
      @ving1310 4 года назад +1

      I Completely agree, its delight to watch how magic spell goes.....
      Anticipated request: Sparkle some light on free web themes for blogging site?

  • @VanfireOfficial
    @VanfireOfficial 3 года назад

    for how many years ive been looking for this tutorial. thank you so much

    • @OoohBoi
      @OoohBoi  3 года назад +1

      Glad I could help!

  • @ivandsmendes
    @ivandsmendes 4 года назад

    About a month ago I had to create exactly this and actually came here to your channel but didnt find anything. So I ended up doing it with custom CSS instead. Your method is much easier. Congrats.

    • @OoohBoi
      @OoohBoi  4 года назад +1

      Oh, I wish I'm not that late! Thanks for watching ,my vids Ivan!

  • @KristofVanRentergem
    @KristofVanRentergem 3 года назад +4

    One of the best videos and solutions for this “problem”. Thank you!!!

    • @OoohBoi
      @OoohBoi  3 года назад

      Glad it helped!

  • @nidaa3233
    @nidaa3233 3 года назад +3

    Just awesome. Just When I thought it wasn't possible you came up with a tutorial for the same. Ooh boi you are a genius and I m really lucky I found this channel. Each of your video teaches us much more than we thought.❤️ Waiting for a new tutorial.

    • @OoohBoi
      @OoohBoi  3 года назад

      Glad I could help!

  • @aleemanesh
    @aleemanesh 3 года назад

    Now, that is the sort of content I come to youtube for...
    Professional and informative! TNX a lot.

    • @OoohBoi
      @OoohBoi  3 года назад

      Glad you liked it!

  • @sagihaviv5675
    @sagihaviv5675 3 года назад

    You are Awesome, I hope your channel content stays like this even you grow as big as Mt. Everest.

  • @sergio_grez
    @sergio_grez 3 года назад

    I wish nothing but eternal happines and good health. You are a true genius and humble man, willing to teach and give away your invaluable knowledge to us all. Thank you so much for your hard work.

  • @saizosol9721
    @saizosol9721 4 года назад +2

    Just wanted to say thanks for such an awesome plugin, it's made my designs so much easier to achieve.

    • @OoohBoi
      @OoohBoi  4 года назад

      You're very welcome!

  • @ddalejandroo
    @ddalejandroo 4 года назад +3

    You BEAST! literally dropping knowledge with every video, thank you!!

    • @OoohBoi
      @OoohBoi  4 года назад +1

      My pleasure!

  • @RuanKuypers
    @RuanKuypers Год назад +1

    This worked great with the Elementor sections before the flexbox/container update. How do we get this to work now using the new flexbox and sections in the latest Elementor update?

  • @mateuszb4387
    @mateuszb4387 4 года назад +1

    I use different builder (oxygen builder), but your tips are so cool and well explained that most of the time I have no problem to apply them in my designs. Thank you, sir!

    • @OoohBoi
      @OoohBoi  4 года назад

      Great to hear that it works for Oxygen too, thanks for the feedback!

  • @FaizHakim
    @FaizHakim 3 года назад

    I wont miss any video from this channel

  • @alcantaraallan
    @alcantaraallan 3 года назад

    I've been trying to figure this out ever since. thank you so much.

  • @dhinesh-Bala
    @dhinesh-Bala Год назад +2

    Pls make 'bleeding sideways' for flex containers.

  • @OldTalez
    @OldTalez 3 года назад

    I feel like I should be giving you part of my pay check at this point. Thank you sir

  • @johanstam3602
    @johanstam3602 Год назад +1

    Could you do a video for 'bleeding sideways' when using the Elementor flexbox containers?

  • @poly-websites
    @poly-websites Год назад

    Thank you! I've been trying to figure this out for the last 2 hours haha

  • @nurahasanhasan5571
    @nurahasanhasan5571 4 года назад +1

    Always waiting for your new tutorial

    • @OoohBoi
      @OoohBoi  4 года назад +2

      More to come! I guess...

  • @digwillhachi
    @digwillhachi 4 года назад

    you are amazing. guaranteed I learn something new and amazing that I will use in every video I watch of yours. Just purchased a template pack to help support.

    • @OoohBoi
      @OoohBoi  4 года назад +1

      Wow, thank you!

  • @smatplacid
    @smatplacid 4 года назад

    Duuude, this is dope! I was able to manage this is a way more complex way (and half good). Now: simple. Thank you!!!

    • @OoohBoi
      @OoohBoi  4 года назад

      Glad it helped, thanks for the feedback!

  • @smilemakerb
    @smilemakerb 4 года назад +1

    Very awesome! Previously I was doing this using calc function to make it work responsively. But this is way better!

    • @OoohBoi
      @OoohBoi  4 года назад

      Glad it helped!

  • @martincritten2507
    @martincritten2507 3 года назад

    Great vid, but doing a step by step, and the text is adjusting in the left col, but the right is reducing in size so not bleading, is this because I'm doing this inside of a starter template?

  • @victorrenevaldiviasoto9728
    @victorrenevaldiviasoto9728 4 года назад

    I was just wrestling with this past Weekend and came to the same "Custom width calc(% - px) / Max width %" solution thanks to your plugin! Steroids for Elementor is the best add on

    • @OoohBoi
      @OoohBoi  4 года назад

      Thanks for the feedback Victor, I believe that's the only way to do it right.

  • @mybcn
    @mybcn 4 года назад

    A smooth solution to a common problem. Great video as always! 👏🏼👏🏼👏🏼

    • @OoohBoi
      @OoohBoi  4 года назад

      Thanks! 👍

  • @Andresvideo
    @Andresvideo 3 года назад

    Wow! MAGNIFICENT!! It looks so easy once you see someone else doing it!! :D
    Thank you so much, this is really hepful!!!

    • @OoohBoi
      @OoohBoi  3 года назад

      Glad it was helpful!

  • @Itsrichayo
    @Itsrichayo 4 года назад

    Ooh Boy!
    Ok, I need to watch this allover again. Thanks for the tuts.

    • @OoohBoi
      @OoohBoi  4 года назад

      Take your time buddy, thanks for watching!

  • @yannick2247
    @yannick2247 4 года назад

    Thank you Damir! I would like to know your opinion on the topic of website speed. What are you doing to speed up websites?

    • @OoohBoi
      @OoohBoi  4 года назад +2

      I use "Hello Elementor" theme and trying to avoid adding new Section whenever possible. When it comes to WordPress, just use as few plugins as possible. Find some good content caching plugin and you'll be good.

    • @nidaa3233
      @nidaa3233 3 года назад

      @@OoohBoi point noted

  • @brubexcastelino7002
    @brubexcastelino7002 3 года назад

    Hi Glider is a Great Widget...but Im not able to add more than 10 images...do know how can i add more images?

    • @OoohBoi
      @OoohBoi  3 года назад

      The max number of columns per Section is 10. That's what the Elementor guys decided, and I guess it's around the fact that no content can be less than 10% wide.

  • @abdellahahmedsaleh9883
    @abdellahahmedsaleh9883 4 года назад

    Help ! How can i get the pictures and background images ?? i just got a json file from the downloadable content??

    • @OoohBoi
      @OoohBoi  4 года назад

      They are getting imported with the JSON file. However, in case your server settings do not allow the import of media files from another location (server), then you won't be able to see it.

  • @haleykeith7639
    @haleykeith7639 4 года назад

    Your videos have saved Elementor for me. Question- If you were new to Elementor (and not a GUI-loving individual) in which order would you watch your videos? Thanks so much!!!

    • @OoohBoi
      @OoohBoi  4 года назад

      Thanks Haley! As for the question you asked... that's the tough one. I kinda think that I'd watch by date, in ascending order. I'm still learning Elementor tho...

  • @Franzen658
    @Franzen658 Год назад

    is there a possibility to do this with elementor pro??

  • @aadilashfaqofficial
    @aadilashfaqofficial 4 года назад

    You are amazing. I have seen your show/hide header tutorial. I posted a question there. Please help me to fix that. I want this header to be displayed after some time, I mean it goes to 20px above, and then it should appear. Please help me how to do that please"

    • @OoohBoi
      @OoohBoi  4 года назад +1

      No need to be redundant, I just answered your comment under the original topic/video.

  • @denny.b
    @denny.b 2 года назад

    Thanks for this great video and plugin, great work!

  • @alternanews2218
    @alternanews2218 4 года назад

    How do you use the training file? Do you import it in elementor? Is there a tutorial for that? Thanks!

    • @OoohBoi
      @OoohBoi  4 года назад

      Yes, import to Elementor as any other E template. In this day and age, whenever you are in doubt simply ask Google.

  • @positiveandhealthy2728
    @positiveandhealthy2728 4 года назад

    You give me motivation to work out and eat healthy! I've been having trouble lately with this but now I feel a lot better, thanks!

    • @OoohBoi
      @OoohBoi  4 года назад

      Now that's the motivation!

  • @sachintiwari2289
    @sachintiwari2289 4 года назад +4

    Can I suggest you something,
    Please use image from the final work as a video thumbnail , will be lot easier to find what we are looking for, just a suggestion, pls ignore if doesn't make sense.
    Awesome work as always 👍

  • @sheltonhhh
    @sheltonhhh 2 года назад

    is this still working? I'm having an issue making this work

  • @dannyfoo
    @dannyfoo 4 года назад

    Woohoo! Finally there’s a way to do this.
    Gonna test it for full height sections.

    • @OoohBoi
      @OoohBoi  4 года назад

      All righty, I hope you'll find it useful!

  • @flekz384
    @flekz384 3 года назад

    great tutorial like always! How you did the horizontal line in the subheadline? :)

  • @Nickknows00
    @Nickknows00 Год назад +1

    please update this no longer works!

  • @fathipereira
    @fathipereira 4 года назад

    Hello
    The file is not available even for sale.
    I bought IKIGAI - 7 Creative Website Headers, the principle is the same no? Like all the others by the way :-)
    Anyway thank you for your tutorials really.

    • @OoohBoi
      @OoohBoi  4 года назад +1

      All you gotta do is to enter 0 into the file price field, and hit "I want this file". Hope it helps!

    • @fathipereira
      @fathipereira 4 года назад

      @@OoohBoi Thank you very much it works today. Are you going to make blog templates I buy now ;-)

  • @AniketNBorhade
    @AniketNBorhade 3 года назад

    Hey, can you also say how to make it happen using css please and not using the ooohboi addon?

    • @OoohBoi
      @OoohBoi  3 года назад

      It would be much more complicated, and in that case you must have the Elementor PRO version because of the Custom CSS panel. I've made Steroids so everyone can skip the Custom CSS.

  • @osherfreeman6189
    @osherfreeman6189 4 года назад +1

    amazing! keep up the good work!
    just one thing, the training file cannot be download..

    • @OoohBoi
      @OoohBoi  4 года назад

      Thanks, will try! As for the download... how did you mean it? Simply enter 0 for the file price and that's it.

  • @mohammadmainulhossain9986
    @mohammadmainulhossain9986 4 года назад

    Can this make with totally custom css

    • @OoohBoi
      @OoohBoi  4 года назад +1

      Yes, but in that case you'll need the Elementor PRO.

    • @mohammadmainulhossain9986
      @mohammadmainulhossain9986 4 года назад

      @@OoohBoi I would be very happy if you show us how can be this done with custom CSS because sometimes we don't want to add extra addon for speed issues

    • @mohammadmainulhossain9986
      @mohammadmainulhossain9986 4 года назад

      And also I am your big fan, you show tips & tricks that no other show

  • @jopa_ryds
    @jopa_ryds 4 года назад

    Great stuff and really well explained!

    • @OoohBoi
      @OoohBoi  4 года назад

      Much appreciated, thanks for watching!

  • @MaknunKhan
    @MaknunKhan 4 года назад +1

    you deserve more subscribers

    • @OoohBoi
      @OoohBoi  4 года назад +2

      It takes time, I never thought I'm gonna reach more than 5k...

  • @budiharyono900
    @budiharyono900 4 года назад

    amazing! can't wait for the next tutorials

    • @OoohBoi
      @OoohBoi  4 года назад

      Glad you like them!

  • @erling5148
    @erling5148 3 года назад

    Hi I love your content
    My question is you still use Kariboo-Hello-Elementor-Child or do yu use an other child theme

    • @OoohBoi
      @OoohBoi  3 года назад

      I strictly use "Hello Elementor" WP theme.

    • @erling5148
      @erling5148 3 года назад

      @@OoohBoi thanks for the reply

  • @VeganManiac
    @VeganManiac 4 года назад

    Thanks for another great tutorial, I have learned a lot from you :) thanks!

    • @OoohBoi
      @OoohBoi  4 года назад

      Glad to hear it!

  • @PeterWinter
    @PeterWinter 4 года назад

    Trying to get it from gumroad I get a "this product is not currently for sale" message...
    Is it just me????
    ohhh, YES...
    Love y content, always eager to watch it

    • @orange-paris
      @orange-paris 4 года назад

      Same problem here .. product not currently for sale

    • @OoohBoi
      @OoohBoi  4 года назад

      Please try again, I don't know what happens, it worked just fine when I tested it.

    • @OoohBoi
      @OoohBoi  4 года назад

      Likewise, please try again Paul, I just gave it a shot and all looks good!

  • @design126
    @design126 4 года назад

    Fantastic video! Great job!

    • @OoohBoi
      @OoohBoi  4 года назад

      Glad you liked it!

  • @sachinmishra803
    @sachinmishra803 4 года назад

    "I want a vertical menu on left and each menu content shows some images with description on right side after clicking every option it shows the desired images"
    I know that only you can help me to do that and if you want I can provide sample example for that

    • @OoohBoi
      @OoohBoi  4 года назад

      I guess you need some more advanced Tab widget...

    • @sachinmishra803
      @sachinmishra803 4 года назад

      @@OoohBoi I will be thankful if you make video on that or suggest me that widget

  • @robwetherell
    @robwetherell 4 года назад

    Nice! Thanks for making this video. 👍🏻

    • @OoohBoi
      @OoohBoi  4 года назад

      My pleasure!

  • @andonisr
    @andonisr 4 года назад

    Nice tut as always, however, I can't buy it! It says it's not currently for sale??

    • @OoohBoi
      @OoohBoi  4 года назад +1

      Just enter zero (0) into the price field and hit "I want this!" button. Hope it helps!

    • @andonisr
      @andonisr 4 года назад

      @@OoohBoi Thank you...it worked:-)

  • @mackyangeles
    @mackyangeles 4 года назад

    Can you do a tutorial how to create a visible grid line design on Elementor Pro? 😊

    • @OoohBoi
      @OoohBoi  4 года назад

      Well, maybe I do it one day, thanks!

  • @DougieCampbell
    @DougieCampbell 4 года назад

    So cool! Thank you. I'd love if you made the icon next to all of the steroids functions clickable to describe what they do (or in general put a couple more helpers in the Elementor interface). New features get added regularly (awesome!) and I'd love to know how to use them without leaving Elementor!

    • @OoohBoi
      @OoohBoi  4 года назад

      OK, I'll keep that on mind, thanks for the feedback!

  • @markbelavus7883
    @markbelavus7883 3 года назад

    awesome! thanks so much for your knowledge

  • @SamsonAdeyemi
    @SamsonAdeyemi 4 года назад

    Pure magic...thanks for been different.

    • @OoohBoi
      @OoohBoi  3 года назад

      My pleasure!

  • @buksohn
    @buksohn 3 года назад

    Really awesome! you are the master.

    • @OoohBoi
      @OoohBoi  3 года назад

      Thank you very much, thanks for watching!

  • @mygicarskrsk4465
    @mygicarskrsk4465 2 года назад

    amazing stuff, thanks!

  • @chrisadam9761
    @chrisadam9761 4 года назад +1

    That's my Boi...!!!!!!

  • @KieranMcCarthy
    @KieranMcCarthy 4 года назад

    Thanks, excellent tutorial.

    • @OoohBoi
      @OoohBoi  4 года назад +1

      Glad it was helpful!

  • @johanstam3602
    @johanstam3602 4 года назад

    I used to this in Photoshop and put it as a background layer under the section

    • @OoohBoi
      @OoohBoi  4 года назад

      Uhmm... did that work?

    • @johanstam3602
      @johanstam3602 4 года назад

      @@OoohBoi yes, but hard to make responsive

  • @ludovicverbeeck
    @ludovicverbeeck 4 года назад +2

    Thank you Boss :)

  • @juansanchezespinoza5468
    @juansanchezespinoza5468 4 года назад

    You are amazing!

  • @simonfortunadrums
    @simonfortunadrums 4 года назад

    So awesome!

  • @abereowoseyifunmi9607
    @abereowoseyifunmi9607 4 года назад

    Oooh boi is the best

  • @williamamoako-nimako9440
    @williamamoako-nimako9440 4 года назад

    Thanks for this video

    • @OoohBoi
      @OoohBoi  4 года назад

      Most welcome, thanks for watching!

  • @nurahasannur5519
    @nurahasannur5519 4 года назад

    Please check the following link. Please use dot (.) After notepad & use slash (/) after pw

  • @smatplacid
    @smatplacid 3 года назад

    5:55 well, my cat and my dog are sleeping in the same bed :D

  • @mnaihmdai
    @mnaihmdai 3 года назад

    tanx ,this is awesome

    • @OoohBoi
      @OoohBoi  3 года назад

      Glad you like it!

  • @ski898
    @ski898 3 года назад

    Thank you!!!!

    • @OoohBoi
      @OoohBoi  3 года назад

      You're welcome!

  • @bobdebolt3321
    @bobdebolt3321 3 года назад

    Thanks for this ... I'll be back

  • @teuccio73
    @teuccio73 4 года назад

    Very useful

    • @OoohBoi
      @OoohBoi  4 года назад +1

      Glad to hear that

  • @GuidoCentesimo
    @GuidoCentesimo 4 года назад

    Genial 👏👏👏👏

  • @indobo3678
    @indobo3678 3 года назад

    Can yu explain like elementor channel so make easy for beginners follow yur tutorial.

    • @OoohBoi
      @OoohBoi  3 года назад

      Did you mean Elementor tutorials for beginners?

  • @JanCabanik
    @JanCabanik 4 года назад

    Cool 👍🏽

  • @martincritten2507
    @martincritten2507 3 года назад +1

    Please please please slow down. Make every move clear not a flash of light. Seriously I spent 6 hours, nose pressed against laptop screen, jump starting vid on wide screen, to catch every move, and these steps failed consistantly. Even used the 1600x 1000 image you used, which blew itself off untill cover was tried. There are moves taken that are not in the commentry, copy pasted styles (which effected text) that are not in the commentry. I'm I going wrong because I'm trying to put content in to an existing template????. I'm doing this on a laptop, not a desk top and this squeezes the browser.
    Really my patience is going, any advice welcome.

  • @grland
    @grland 3 года назад

    Do you have a contact email?

    • @OoohBoi
      @OoohBoi  3 года назад

      Sure, oooh(dot)boi29(at)gmail(dot)com

  • @AlfianSabriTanjung
    @AlfianSabriTanjung 4 года назад

    Cool.

  • @CronYcK1
    @CronYcK1 3 года назад

    really i can't follow this tutorial, your work is amazing and I really appreciate that, but seems to be too many details like why that and not this. Maybe my English is not good enough.

    • @OoohBoi
      @OoohBoi  3 года назад

      Sorry buddy, maybe you should slow the video down a bit? ruclips.net/video/KUymMkTpScw/видео.html

    • @CronYcK1
      @CronYcK1 3 года назад

      @@OoohBoi maybe yes, can be a option. You do also website reviews? I would like to showup with our rebranding

    • @OoohBoi
      @OoohBoi  3 года назад +1

      @@CronYcK1 I don't do any kind of "public" reviews, but if you want my opinion or need the layout optimization service - feel free to contact me!

    • @CronYcK1
      @CronYcK1 3 года назад

      @@OoohBoi great, thank you 🙏👌

  • @silentphil77
    @silentphil77 4 года назад

    Oooh Boi... :)

  • @anjaduplessis9061
    @anjaduplessis9061 Год назад +1

    Do not waste your time with this lengthy tutorial, it is out-dated. The steroids plugin does not work and does not show up on Elementor.

  • @MJ-qe5lg
    @MJ-qe5lg 4 года назад

    Start the video 6:21 blah blah

    • @OoohBoi
      @OoohBoi  4 года назад

      If you say so...

  • @shashikantsingh6555
    @shashikantsingh6555 4 года назад

    Hey man! I love your content very much because i learned so many things from you...
    I have a question
    Can you add similar text animation effect in elementor website just like this website jacekjeznach.com

  • @smarthustlersclub6375
    @smarthustlersclub6375 4 года назад

    Bro this is good content but you are too fast

    • @OoohBoi
      @OoohBoi  4 года назад

      I'm actually trying to balance. Just read the comment where the guy says " Start the video 6:21 blah blah". What would you say about that?

    • @smarthustlersclub6375
      @smarthustlersclub6375 4 года назад

      @@OoohBoi I think you should slow down a bit!