Elementor Tutorial: Absolute Positioning (No Coding Required!)

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

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

  • @johnboyd8053
    @johnboyd8053 5 лет назад +1

    Thanks for taking the time to make these videos. They are very informative. Plus, I like your sense of humor and the genuineness of you laugh. It makes you a human!

  • @stevemcirvin
    @stevemcirvin 5 лет назад +1

    LOL, loved the comment in the video "you can get tacky pretty quickly." With great power comes great responsibility! 🥺

    • @KingGrizzly
      @KingGrizzly  5 лет назад

      Ha, definitely! I also notice absolute positioning with animation added to the effect does seem to get jittery as well.

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

    what has happened to this option, it's not there anymore.

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

      "Custom Positioning" now is just "Positioning"

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

      @@KingGrizzly yes, I was inside "edit section" and section doesn't have that option, only things inside of it. Thanks.

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

      @@kingslavd661 I was wondering the same thing...is this option only on the pro version of elementor?

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

    Hey yo, Ive been following elementor's aniamtion adv tutorials, and I used absolute positioning for a parallax effect, but it doesn't feel mobile responsive. So in your experience, you have to adjust each element?

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

      Since the difference between large device screens (ie: desktops) and small (ie: phones) is so much different we are going from a horizontal aspect to a more vertical or portrait aspect. For this reason, I do find it necessary to reposition elements on the different device sizes. It's also possible to hide them if needed or even disable the motion effects on the phone.

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

      Yea, I was hoping a part of it would auto resize, but I guess not. I was doing something like the firewatch demo and that page works well. Resizes to the center.
      Elementor does this weird thing where it wants to stay to the left or awkwardly position everything. I just can't find the exact button to make it all aligned to center, after following tutorial.
      Because of elementor's limitations, I might have to purchase addonplus. but then i kind of don't want to buy more plugins lol. However, whats enticing me is the addon plus has multi layer parallax, which seems more intuitive then elementors.

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

      @@KingGrizzly
      ruclips.net/video/owJgKj5ohKs/видео.html
      This is the video in question

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

      @@DistantDeadWorlds The firewatch parallax is the best I've seen. It does have many layers. You might be able to achieve something similar in Elementor, but I'm not sure how the performance would be.
      Use svgs, and then test out two methods.
      One would be to just use absolutely positioned images all in the same section that are set to 100% width and have differing top or bottom margins as well as motion on scroll settings that use differing speeds on the vertical motion. Control layer order by setting their z-indexes.
      The second idea would be to set backgrounds on multiple sections with vertical motion on scroll enabled, and then overlap those sections by using negative top margins on the lower sections. I'll be curious to hear how this goes. If I get the time, I may try to test out multi-layer video demo like Firewatch.
      Good luck!

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

      @@KingGrizzly Ill have to try the margin controls instead. The ones he uses is the offset orientation in custom positioning. Maybe thats whats happening and some how the codes read it all strange.