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

[@philippfischer]

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

[@allwynmathias856]

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.

[@visualmodo]

Excellent post!

[@antonichristian5845]

loved this, very useful information, thanks!

[@davidwalls2304]

Imran, enjoyed this video -- great design option

[@Thrive-WP]

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

[@thijs7448]

Great video. Helped me alot. Thanks!

[@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;
}
}

[@FrankS13]

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

[@bySterling]

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

[@websquadron]

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

[@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]

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

[@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]

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

[@joshuamatzner6133]

Thanks @@iqbalmauludy

[@iqbalmauludy]

@@joshuamatzner6133you’re welcome. 🎉🎉

[@KariposTheOne]

Nice!

[@websquadron]

Thanks!

[@sma_bari]

I don't know why but the code is not working for me. Pasted it in that slider nestable... wondering what's the problem

[@sma_bari]

ok now it's working, i forgot to give 0 in intervals. Thanks, man this was needed. There isn't too much content in yt about bricks. If you were not there idk how I would do it

[@hosseinkhanmohammadi4770]

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

[@websquadron]

I don’t use android

[@barryscottormoc]

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

[@randbaldwin]

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]

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. :). :)