DIAGONAL CONTAINERS MOVE UP&DOWN ON PAGE SCROLL - Elementor Wordpress Tutorial Flex Container

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

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

  • @andreaegli
    @andreaegli  ปีที่แล้ว +6

    Building this feature was easier than I thought it would be I might maka an update in the future with some GSAP image effect on scroll but until then...this would do

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

    Your channel is a goldmine. Thanks Andrea

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

      Thank you so much, Clinton! Let me know if there’s something you would like to see in the channel 😉

  • @hashimmughal7350
    @hashimmughal7350 10 หลายเดือนก่อน

    You are such an adorable web designer I've ever seen. Wheneve I saw you and your work, literally I feel happiness because you are cute and good as your work.

  • @musifox2528
    @musifox2528 หลายเดือนก่อน +1

    You can use global styling to remove the padding of the entire section, just like you make everything better. ❤

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

    Crazy i just got a project that needs this and this showed up on my feed i definitely needed this. Thanks Andrea

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

      😄 you are very welcome!

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

    Super smart!

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

      Thank you, Imran!😁

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

    Another AMAZING modern $tyle! Totally agree on scroll styling is priceless

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

      it's freaking amazing😁

  • @frzsme
    @frzsme 11 หลายเดือนก่อน +1

    actually it was so great for me i learned so much simple things that i didnt we can do in elementor like overflow: hidden!!! so much confused before when i see horizontal scroll, thanks soooooooooooooooooo much.

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

    your tuts are alway most useful !!!

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

      Glad to hear that, Teo!🤩

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

    Loved the design. You are one of those great designs who even make the designs responsive.

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

      Thank you very much! I'm fulfilling my duty as a designer😁 what is a web design if it's not responsive, right?

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

    Thanks Andrea, another great tutorial. It's great! You look great in red 😊

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

      You are welcome & thank you very much, Martial☺️

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

    Very cool ! I follow all your videos, probably one of my favorite channel. Thanks a lot for your work and sharing, nice mind set ! 🙏❤

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

      Thank you so much, Baptiste! Comments like yours keep me going tbh😉

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

    Great Work Andrea, Really need this right away lol, thumbs up

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

      Thank you 😊 awesome!

  • @Shortisenough
    @Shortisenough 10 หลายเดือนก่อน

    You're tutorials are awesome ❤

  • @christrim320
    @christrim320 3 หลายเดือนก่อน

    your content is amazing,thank you so much for your hard work.

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

    Bro!!! Keep up the amazing work! Really showing some new stuff which can't be found anywhere!!!

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

      Thanks! Will do!😁 In the meantime, let me know if there's anything you'd like me to recreate...

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

      @@andreaegli Hi Andrea, I sat down to create this effect on my website but I have the elementor free version so the scroll won't work. I will use it without the effect for now.
      This made me realize that how important is to learn how to code. I could have used the marquee code you created on the images to find a work-around but I don't know how.
      I will learn css now. Wish me luck.

  • @mukulgoingdark
    @mukulgoingdark 5 หลายเดือนก่อน +1

    This works perfectly!!

  • @NinaWorx
    @NinaWorx 5 หลายเดือนก่อน +1

    works perfectly! thanks so much!!!

    • @andreaegli
      @andreaegli  5 หลายเดือนก่อน

      nice! you're very welcome!!!

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

    Really nice effect! Thank you for this

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

      Glad you like it, John!🤓... and you're very welcome!

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

    yeeeeah I will sit in the front, we love elementor

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

      love it! don't forget to grab some popcorn 😁

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

    Oh yeah.. I'm waiting!

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

    ahhh can wait for this banger

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

      hehe, I hope it will not disappoint😁

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

    Love your work ! 💫❤💯

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

    thanks ma'am for the best tracks

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

    Thanks for amazing effect! Can we accomplish this with sections instead of containers?

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

      Thank you so much! I honestly don't know, I've stopped using sections since containers were introduced. You can mix containers with sections on the same website if you want to implement this effect...

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

      @@andreaegli thanks! I converted the website to containers, and voila it works :) Thank you and keep it up!

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

      @@sumeramughal fantastic! you are very welcome

  • @jean-mahmoud_du_tacobel
    @jean-mahmoud_du_tacobel ปีที่แล้ว +1

    Thank you Andrea 🙌 And you are so beautiful 🌺🌺🌺❤️

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

    Hiya, amm quick question related to the non design elements of a website. Wouldn't this slow down the website because of the number of images? Also if it is converted to webp, would that be better then to use?

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

      Hey! Definetly always use webp. If you optimize images as best as you can, nope. Imagine working on a photography website and telling your client not to put too many pics up because it will slow down the website? I would recommend checking @websquadron channel for the best image optimization tips

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

      @@andreaegli ohhh that is an excellent response. I complete hear you. My stratergy was to put a few images on the home page and then have all th bulk of the images on a whole new page. And yaa i do follow websqadron and infact my concern of using too many images was from there. But you are absolutely right, there will be scenarios where images are the main part of the website and we cant shy away from giving it the best design. Thank you, Andrea.

  • @jonathanalonhalimi5187
    @jonathanalonhalimi5187 7 หลายเดือนก่อน +1

    Is it possible to make it in a way that you can change the photos without replacing them individually inside Elementor?

    • @andreaegli
      @andreaegli  7 หลายเดือนก่อน +1

      You could try doing that with ACF, it should work just fine 😉

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

    hi there! just a question please: what program is the one you are using? thanks a lot.

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

      hey! What do you mean by program? Are you referring to the software/page builder? If so, it's Elementor...

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

      @@andreaegli yes, thanks: I meant that software.

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

    What if I add lenis scroll on that is that gonna work ?
    I dunno if I use lenis motion effect from elementor don’t gonna work
    I know when you use locomotive scroll the motion effects not working

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

      Just tested with lenis scroll and it works!
      Yeah, I prefer lenis over locomotive for this reason...plus, lenis supports sticky/fixed positioning which is great, especially for navbars...

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

      @@andreaegli ngl you saved my ass for figuring out scroll triggers for thouse 😀😀 ( which I still need to learn how to use it 🫠)
      Thank you 🙏🏼🙃
      You doing great job on TH-cam btw . 💜

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

      @@turekmateusz hehe, you're welcome!
      Aww, thank you so much!

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

    Hi, The linked code is for a different effect/video "text over video"

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

      hey, thanks for that, fixed!

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

    Thank you

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

      You’re welcome ☺️

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

    Bravo! 👌👍❤️👏👏👏

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

    best

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

    Im here for the dress actually

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

      I can't even with your comment!!!😂

  • @estefanoaquino
    @estefanoaquino 10 หลายเดือนก่อน

    EXCELENT

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

    Notion is saying page doesn't exist or i don't have permission to access it

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

      Wonderful video btw
      You're literally amazing

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

      Ufff, I need to find a better solution than Notion, should be ok now😉 lemme know if all good!

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

      Thank you so much!

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

      @@andreaegli one thing I love about you is you reply to comments and engage with your community
      Most other TH-camrs just ignore comments

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

      @@andreaegli thank you
      Your really underated and you have amazing content

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

    OMG fcking amazing! Huuge thank you for your work.

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

      Best comment ever!!! 😅 thank you so much, Sebastian!!! Lemme know if there’s smth you’d like to see me recreate 😎

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

    I liked the dress
    😉

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

    Promo*SM

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

      What does that mean?