Bricks 101 Part 18 - Logo Slider Autoscroll Marquee - BricksBuilder.io Bricks Wordpress Tutorial

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

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

  • @philippfischer
    @philippfischer Год назад +1

    That little snippet of code for the "smooth movement" helped me a lot, thank you!

  • @visualmodo
    @visualmodo 2 года назад +2

    Excellent post!

  • @allwynmathias856
    @allwynmathias856 2 месяца назад

    People experiencing jittering on smaller screens (tablet/ mobile landscape/ mobile portrait) - under Autoplay > Interval in ms > Enter value 6000 (same as Speed in ms). That solved the problem for me.

  • @davidwalls2304
    @davidwalls2304 2 года назад +1

    Imran, enjoyed this video -- great design option

  • @Thrive-WP
    @Thrive-WP 2 года назад +1

    Brill thanks was planning to do something like this so this code is going to help a lot!

  • @antonichristian5845
    @antonichristian5845 2 года назад +1

    loved this, very useful information, thanks!

  • @Jim.Hummel
    @Jim.Hummel Месяц назад

    Hey Imran and fellow Squadroneers! I'm following along with this technique but it's not Rewinding at the end of the AutoScroll. I used some AI to add a smoother fade effect. Any suggestions to get it to rewind?? So far, this is the CSS I'm using:
    root :where(.splide__list, .splide__slide){
    autoScroll: {
    /*speed: 2;*/
    rewind: true;
    }
    animation: fade 1s ease-in-out;
    transition-timing-function: linear !important;
    }
    root :where(.splide__list, .splide__slide-active) {
    animation: none;
    }
    @keyframes fade {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
    }

  • @thijs7448
    @thijs7448 Год назад

    Great video. Helped me alot. Thanks!

  • @bySterling
    @bySterling 2 года назад +1

    Very cool n smooooth
    Curious Imran is this your fav page builder now days?

    • @websquadron
      @websquadron  2 года назад +1

      I still use EL :) Just getting lots of Bricks out for October as part of my learning and for you all.

  • @hosseinkhanmohammadi4770
    @hosseinkhanmohammadi4770 3 месяца назад

    Hi, I tested and the mobile version is Jumping in Android (at least). How is it at your side ?

  • @TheAlt130
    @TheAlt130 Год назад

    Thanks for this tutorial. It looks way better than the standard carousel. However, the slider is not sliding smoothly, even with the CSS code provided. I am not sure why this happens. Any ideas on how to fix this on Bricks v1.9.1.1?

    • @websquadron
      @websquadron  Год назад +2

      I'll try to revisit and see if we can make it smoother.

    • @TheAlt130
      @TheAlt130 Год назад

      @@websquadron I think the version in your tutorial runs smoothly; mine has 1 little stop. So I think it is on my side.

    • @iqbalmauludy
      @iqbalmauludy Год назад +9

      %root% :where(.splide__list, .splide__slide){
      transition-timing-function: linear !important;
      }
      this should be work - I use 1.9.2

    • @joshuamatzner6133
      @joshuamatzner6133 11 месяцев назад

      Thanks @@iqbalmauludy

    • @iqbalmauludy
      @iqbalmauludy 11 месяцев назад

      @@joshuamatzner6133you’re welcome. 🎉🎉

  • @FrankS13
    @FrankS13 3 месяца назад

    Stopped working for IPhone as well as android. It is constantly jittering around.

  • @KariposTheOne
    @KariposTheOne 2 года назад +1

    Nice!

  • @barryscottormoc
    @barryscottormoc 2 года назад +1

    Wow, what speed, Mine is 47 down and 18 up 😥😥😥😥😥😥

  • @randbaldwin
    @randbaldwin 2 года назад +1

    It used to be elementor. Now it's bricks. You have such valuable content, please stop putting into containers. What after bricks? Sorry, who am I to say anyone should think outside the box

    • @websquadron
      @websquadron  2 года назад +2

      Hey Rand :)
      I'm putting them into Containers for an ulterior motive - and that will become clear next week.... when.... I add Menu Anchors.... hehe. :). :)