Archived topic
Horizontal Scrolling Containers
4 replies · Started by Dan King on December 11, 2020
Hi
I really need a horizontal bar of videos that scroll across a screen... :-)
like this: https://codeburst.io/how-to-create-horizontal-scrolling-containers-d8069651e9c6
I've replaced <h2>CARD</h2> with <video class="video" poster="/wp-content/uploads/2020/12/M-1-1-1.png" width="100%" autobuffer="true" controls="true">
<source src="https://learnclub.b-cdn.net/V%20-%20M%20-%201%20-%20L%20--%201.mp4" type="video/mp4">
</video>
Added the CSS (pic attached)
This is the result:
https://learnclub.wpmudev.host/a/
#useless lol
Dan
https://drive.google.com/file/d/19qYEcay85XVYs7MnYUwrGCQz-hiWVjC3/view?usp=sharing
https://drive.google.com/file/d/1Kiv6mNq1xsI92659hwL_BLujYpo4KOu4/view?usp=sharing
https://drive.google.com/file/d/1KbAIpQpnXbyo19nQTXAGLzmTh1-A2Zhg/view?usp=sharing
Hey Dan,
Unfortunately implementing a custom solution like this is out of the scope of this forum as there are simply too many of them out there and we aren't sure if all of them will work well.
I had a quick look and here is what I would suggest:
- Start by implementing the exact method from the solution like using <h2>Card</h2> and see if you are able to get that work.
- Try just using HTML as suggested from scratch and don't use GB with it.
If you aren't still able to get it to work, then maybe consider a plugin like this?
https://wordpress.org/plugins/yoo-slider/
Hey Leo,
Thanks I'll check out that slider ;-) hahahah looks easier thanks for the tip!
Dan
Hey
Yes I tried that plug-in but it added 18 assets to my css and js! Wow the whole site is just 30...
Are their any other ones that are a little lighter? You can suggest...
Thanks
Dan
Unfortunately not.
Sliders tend to be on the heavier side for sure.
