Overlapping Rows in Elementor

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2024

ความคิดเห็น • 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.

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

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

  • @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?

  • @harbourdogNL
    @harbourdogNL 4 ปีที่แล้ว

    Very elegant approach, thank you.

  • @YyaBA
    @YyaBA 4 ปีที่แล้ว +1

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

    • @OoohBoi
      @OoohBoi  4 ปีที่แล้ว

      Thanks for watching mate!

  • @Denis-jb3ob
    @Denis-jb3ob 4 ปีที่แล้ว

    Thanks a lot for this tutorial and for overlapping columns!

    • @OoohBoi
      @OoohBoi  4 ปีที่แล้ว

      Glad it was helpful!

  • @mikeb3656
    @mikeb3656 4 ปีที่แล้ว

    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!

  • @Z1PP
    @Z1PP 3 ปีที่แล้ว

    Exactly what i was looking for, great info!

    • @OoohBoi
      @OoohBoi  3 ปีที่แล้ว

      Glad it was helpful!

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

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

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

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

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

  • @NationFirstAlways-qp9xx
    @NationFirstAlways-qp9xx 3 ปีที่แล้ว

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

  • @naimislam4316
    @naimislam4316 2 ปีที่แล้ว

    great

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

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

  • @Scooboodiboo
    @Scooboodiboo 4 ปีที่แล้ว

    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  4 ปีที่แล้ว

      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

  • @newtechnology452
    @newtechnology452 3 ปีที่แล้ว

    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 8 หลายเดือนก่อน

    Is this Pro?

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

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

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