ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

How To Use the Spacer Widget in Elementor

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ส.ค. 2024
  • In this tutorial, we will learn how to use the spacer widget to create unique designs, and explore different ways to customize it.
    The tutorial will cover:
    ✔︎ Adding a spacer widget into your design
    ✔︎ Adding a parallax scrolling effect
    ✔︎ Customizing the spacer widget using the Advanced Tab
    ✔︎ Creating shapes with the spacer widget
    ✔︎ And much more!
    Don’t forget to subscribe to our channel!
    Get Elementor: elementor.com
    Get Elementor Pro: elementor.com/pro
    See Also:
    Landing Page Builder: • How to Use Elementor L...
    Create Custom Shapes: • How to Create Custom S...
    00:00 - Intro to the spacer widget
    00:51 - Adding a spacer widget to your web page
    1:27 - Create a Parallax scrolling effect with a background image
    2:51 - Create shapes using spacer widget

ความคิดเห็น • 43

  • @SleepApneaMan
    @SleepApneaMan 3 ปีที่แล้ว +25

    One of the past master classes (two years ago), Simon Shoket mentioned that using this widget was bad practice, and that in the future, it might get pulled because it's not really needed. I've been trying to use the padding/margins instead. This video surprised me a bit, based on hearing that.

    • @TazGoldstein
      @TazGoldstein 3 ปีที่แล้ว +2

      I had the exact same thought. I’ve been avoiding spacer ever since!

    • @dustindauncey
      @dustindauncey 3 ปีที่แล้ว +3

      Ditto, I was surprised to see this as I thought the spacer was “legacy” in a way and discouraged. Maybe it’s only recommended in certain cases where it’s still useful, or maybe all the recent performance improvements (/experiments) have removed the need to avoid this widget. Maybe Elementor will respond to our questions on this one because it’s definitely valid when we’re getting mixed messages from them. :-)

    • @shaldmaja
      @shaldmaja 2 ปีที่แล้ว +1

      Yeah, I remember this

  • @maxschultes8326
    @maxschultes8326 3 ปีที่แล้ว +23

    In one of the last videos I saw from you ( something like "5 common mistakes"...) you said it was a bad idea to use the spacer widget because search engines don't like empty elements. Also you said the spacer is a element which was useful in the earlyer versions of elementor but will/might ve removed soon.
    Now you make a video dedicated to it's use - which is great and I am not trying to bash this video - but I am wondering about the mixed information here... can you explain?
    Kind Regards

    • @Elsteck
      @Elsteck 3 ปีที่แล้ว +3

      Same surprise here! Because of that Monday classes tutorial I never touched the spacer widget.

    • @MBAinternetmktg
      @MBAinternetmktg 3 ปีที่แล้ว +3

      Yes, I would like to know the search engine situation for the spacer widget.

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

      Yes, i waste lot of time for just searching Spacer alternative.

    • @stigmartinsen3359
      @stigmartinsen3359 ปีที่แล้ว

      It's mentioned in this video th-cam.com/video/btuTznwQYGM/w-d-xo.html

  • @WickyDesign
    @WickyDesign 3 ปีที่แล้ว +1

    Great ideas for the spacer widget!

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

    Great tutorials. I've learned so much in such a short time. I used Wordpress to build many sites back in the day. Just getting back into it and I'm amazed at how easy Elementor makes everything. I used to design the templates in Artisteer and have to export each time, import, etc. Not so smooth. Elementor is great. One question (for now) if anyone can help: How do I change text in a text block to rtl, so my Hebrew and Arabic texts are formatted properly? I don't see anything in the options. I assume Aviva, or any of you native RTL people who seem to run the show know the answer to this.

  • @mdtareqrhaman6546
    @mdtareqrhaman6546 3 ปีที่แล้ว +1

    Great Your Good Job !

  • @detailmasters-calgary2109
    @detailmasters-calgary2109 ปีที่แล้ว

    thanks

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

    Damn, this is nice.

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

    Great!

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

    I purchased pro version but they did not provide license and i paid full by my card but now after payed i cant use elementore pro because they didn't provide license and even didn't reply to my emails and also not replying to my support quires which I raised again and again

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

    cool

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

    I hope in future video guides that the team will show what else you should do in mobile especially.
    You should know by now that majority of traffic originates from mobile, instead of desktop.

  • @dottyper
    @dottyper 18 ชั่วโมงที่ผ่านมา

    I don't have the positioning in new elementor can someone help me with this pls :/

  • @diamondpicture9106
    @diamondpicture9106 2 ปีที่แล้ว +1

    good

  • @DJ-Syncs
    @DJ-Syncs 2 ปีที่แล้ว +1

    Total noob here, but I have a question - unless you need to add some effects to the spacer, is it better just to put margins on a section to create space, instead of adding a spacer? I'm asking because if I understand correctly, the more widgets you add, the slower your site gets, both in editing mode and for visitors. Thanks for any help here :)
    Also, when adding a border to a spacer, can you have it appear only on the top and bottom of it instead of on every side?

    • @eKamran
      @eKamran ปีที่แล้ว

      1. Yes
      2. Yes

    • @DJ-Syncs
      @DJ-Syncs ปีที่แล้ว

      @@eKamran Damn, those were some noob questions for real :D I know these things now, but thank you :D

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

    Great video! I don't have that template in my library though...

    • @Elementor
      @Elementor  2 ปีที่แล้ว +1

      Hi Pat, you'll find it in the Landing Pages library. See our Landing Pages builder video for more details: th-cam.com/video/wueFglEyPcU/w-d-xo.html.

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

      @@Elementor Whoa! Mind blown! Thanks so much! Elementor is really, really excellent. Totally transformed my business.

  • @nubenegra809
    @nubenegra809 2 ปีที่แล้ว +1

    is this deprecated or not...?

  • @ariela_
    @ariela_ ปีที่แล้ว

    How did you do the lines in the background

    • @Elementor
      @Elementor  ปีที่แล้ว

      Hey Ariel, it's a been a while since we worked on this tutorial, but they are most likely custom positioned images. While editing an image widget go to the Advanced > Layout tab. Then change the Position option to Absolute or Fixed and you can drag the image or choose precise settings to custom position it.

  • @KL-oj2my
    @KL-oj2my 2 ปีที่แล้ว

    Doesn't work in current version (march 2022)

  • @adnankamen6470
    @adnankamen6470 ปีที่แล้ว

    up to the 2:30 mark you can do all of those things with just a section layer on its own.. like padding, border, parallax and hover effects... i don't understand why using a spacer would be the better option? its confusing when multiple widgets produce the same effect.. personally i think elementor should replace this widget with one that only does what is shown from the 2:50 mark

    • @Elementor
      @Elementor  ปีที่แล้ว

      Thanks for your comments @adnakamen6470

  • @publicfunny5328
    @publicfunny5328 22 วันที่ผ่านมา

    now where is the inner section

  • @user-oz4pd4cr3m
    @user-oz4pd4cr3m 9 หลายเดือนก่อน

    n one of the last videos

  • @glencoe1266
    @glencoe1266 2 ปีที่แล้ว +3

    So now its goo practice to use this? Youre all over the place elementor.

  • @eileenhung3288
    @eileenhung3288 3 ปีที่แล้ว +1

    No contradiction. This video is made for those who’s want to use space widget, nothing to do with whether this is a good practice or not.

  • @StringerBell
    @StringerBell 3 ปีที่แล้ว +1

    A video about the spacer widget?! In 2021?! Really? Don't you have a better way to waste time and engergy?

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

    "Using empty content elements to arrange your layout, gives search engines the wrong impression, resulting in a lower ranking for your site".
    th-cam.com/video/btuTznwQYGM/w-d-xo.html