Overlapping Rows in Elementor

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ • 49

  • @soundcog
    @soundcog 5 років тому +4

    This is the second tutorial on Elementor of yours I've watched. Once again I've learned so much from this video. Anyone who uses Elementor should be watching your videos. I've tried to do this through using negative margins and it works poorly. This is a much cleaner better way of doing the work. Thank You!!

  • @agb0r
    @agb0r 4 роки тому

    You can't be a professional designer if you just learn how to create a website without learning the tricks. This channel is taking it to a whole different level. I have no choice but to subscribe. 🌊🏄‍♂️ Brrrp

    • @OoohBoi
      @OoohBoi  4 роки тому +1

      You are number 14900

    • @agb0r
      @agb0r 4 роки тому

      @@OoohBoi sir can you make another tutorial on how to overlap image on section!! Instead of section on image. Example is on this website. tomkingskennel.com/
      I have tried but mine doesn't respond to mobile.

    • @OoohBoi
      @OoohBoi  4 роки тому

      @@agb0r Section is the outer-most container, no widget can exist out of the section's column, did you mean the Column? If true then it'S all about the stacking order (z-index) and the negative margin. Set the higher z-index to the Image widget column and then add the negative left/right margin to the Image widget, that should do the trick.

  • @cbprem2374
    @cbprem2374 4 роки тому

    Thank you! Your videos are easy to follow and always have great tips. Grouping widgets and duplicating them is a great time saver. Looking forward to more great videos.

    • @OoohBoi
      @OoohBoi  4 роки тому

      Oh, there are many more to be watched!

  • @EduardoPereira-iy7js
    @EduardoPereira-iy7js 4 роки тому

    Finally a tutorial in which things will not happen so fast that we just cannot follow!!! thanks you so much!!!

    • @OoohBoi
      @OoohBoi  4 роки тому

      Glad it helped!

  • @franktielemans6624
    @franktielemans6624 5 років тому +5

    Hi, I really like your tutorials, great Elementor techniques I"ve never seen anywhere else and well explained.
    And you always check the responsiveness!.
    Keep it up!
    Subscribed!
    Btw, are you Dutch?

  • @YyaBA
    @YyaBA 4 роки тому +1

    I like the way you teach sir! Thanks a lot !

    • @OoohBoi
      @OoohBoi  4 роки тому

      Thanks for watching mate!

  • @Z1PP
    @Z1PP 3 роки тому

    Exactly what i was looking for, great info!

    • @OoohBoi
      @OoohBoi  3 роки тому

      Glad it was helpful!

  • @Denis-jb3ob
    @Denis-jb3ob 4 роки тому

    Thanks a lot for this tutorial and for overlapping columns!

    • @OoohBoi
      @OoohBoi  4 роки тому

      Glad it was helpful!

  • @mikeb3656
    @mikeb3656 5 років тому

    Great tutorial! Easy to follow along and you do a great job explaining the details. Subscribed and look forward to more tutorials from you! Thanks!

  • @harbourdogNL
    @harbourdogNL 4 роки тому

    Very elegant approach, thank you.

  • @readycontainment
    @readycontainment 3 роки тому

    Hello Oooh Boi, great video. I was wondering if you could explain how to edit the width for mobile similar to the overlapping columns video

  • @NationFirstAlways-qp9xx
    @NationFirstAlways-qp9xx 4 роки тому

    How do you highlight a word in text/heading more than the others? Many TIA

  • @JewelAstrology
    @JewelAstrology 4 роки тому

    Awesome video! Can you please do a video on scrolling effects and mastering the viewport settings? No one seems to explan it well.

  • @NationFirstAlways-qp9xx
    @NationFirstAlways-qp9xx 4 роки тому

    when did you add padding by (10 points) to text box ? when we were giving it a negative margin of 10 it already showed padding by 10 points

  • @alicia3234
    @alicia3234 5 років тому +1

    Thank you for this! Your videos are great! I'm trying to create something similar to what you show here in the second column. Except instead of an image, I'd like to feature a video sitting OVER an offset text box. All while keeping the text visible in responsive mode as well. Any tips on how to do that?

    • @OoohBoi
      @OoohBoi  5 років тому +1

      If you plan to display image or video on top of the text box, simply assign z-index value greater than text-box z-index of image/vid column. Something like this: imgur.com/a/KtJgtXE

  • @jjsiegal1
    @jjsiegal1 4 роки тому

    Great work man...THANKS!
    Are you using the Pro Version here?

    • @OoohBoi
      @OoohBoi  4 роки тому +1

      Thanks for watching! Yes, PRO is needed. However, you can download and install my Elementor add-on "Steroids for Elementor" (it's free, download from the WP official plugins repo) and then use Overlaiz extension to do the overlapping effect - vertical or horizontal.

  • @aftabhussain6428
    @aftabhussain6428 4 роки тому

    Good tutorial

  • @Scooboodiboo
    @Scooboodiboo 5 років тому

    how can you add a different background color to the rest of the page than white? I want to replicate this with a black backgrounf and dont know how to do it :(

    • @OoohBoi
      @OoohBoi  5 років тому

      Did you notice that cog icon in the lower-left corner of the editor screen? This is where you do the page settings. Once there, select the STYLE tab and change the background color.

    • @Scooboodiboo
      @Scooboodiboo 4 роки тому

      @@OoohBoi thank you very much! :D

  • @naimislam4316
    @naimislam4316 2 роки тому

    great

  • @AngeloRinaldiGlobal
    @AngeloRinaldiGlobal 4 роки тому

    I love Overlaiz for columns... Is there an Underlaiz for Rows coming out? :-)

    • @OoohBoi
      @OoohBoi  4 роки тому +1

      Rows?!? You can use Overlaiz for anything, be it a Section or the Column.

    • @AngeloRinaldiGlobal
      @AngeloRinaldiGlobal 4 роки тому

      Oh goodness ... I was only using it going across - hadn’t even considered up and down!

    • @OoohBoi
      @OoohBoi  4 роки тому +1

      @@AngeloRinaldiGlobal There you go!

  • @shaolin60
    @shaolin60 4 роки тому

    Please pick me on the video where you explain reasoning to use "empty space" between text in purple widget instead of padding or margin. Good video subscribe!

    • @OoohBoi
      @OoohBoi  4 роки тому +1

      It's you my personal preference, nothing else, you can safely use both margin and/or padding if you like to.

    • @shaolin60
      @shaolin60 4 роки тому

      @@OoohBoi thanks for answering, appreciante

  • @newtechnology452
    @newtechnology452 4 роки тому

    greate

  • @ajaybilla575
    @ajaybilla575 3 роки тому

    hi sir i need this tranning file

    • @OoohBoi
      @OoohBoi  3 роки тому

      Sorry buddy, there's no training file included. Please think about my plugin "Steroids for Elementor" that includes all the controls for manipulating sections and columns (Breaking Bad).

  • @azizjunior2024
    @azizjunior2024 11 місяців тому

    Is this Pro?

  • @wiseguyfittness
    @wiseguyfittness 4 роки тому

    Please redo this video without the background music. Very distracting and can of hear your speech clearly.

  • @ipman3564
    @ipman3564 4 роки тому

    Good ideas BUT TERRIBLE AUDIO *Really HURTING your Videos is that ANNOYING Background Music.* IMMATURE and very distracting. Drowning and distorting your voice

  • @banglabeastfr
    @banglabeastfr 4 роки тому

    your background volume is so high then your voice. please decrease your background sound.

    • @OoohBoi
      @OoohBoi  4 роки тому +1

      Sure! The background music has been removed from all of my new videos. However, you can't do it without re-upload of the existing ones.

  • @eliteitinerary
    @eliteitinerary 4 роки тому

    Oooh Boi You Are Too Talkative. And Upon That Your Music. Unfortunately You Have Good Content But You Have Spoil The Fun By Talking Too Much Supported By BG Music. Seriously Rectify Your Habit.

    • @carlosmedina29
      @carlosmedina29 4 роки тому +1

      Hahaha
      But this guy gives a lot ;)
      He has the best videos on Elementor
      The only thing I'll ask him for is if possible use zoom in in his videos when using tools.