Get that auto-scrolling carousel of blog posts.
Add this CSS to make the scrolling smoother:
(Thanks to Zoe Tame for the code)!!!!
selector .swiper-wrapper{
transition-timing-function: linear !important;
}
Blog Post Carousel with No Extra Plugin – Elementor WordPress Tutorial
—————————————————–
– Get Code Snippets: https://r.freemius.com/10565/3304295/
– Get Elementor Pro: https://be.elementor.com/visit/?bta=25741&nci=5383
– Get Elementor Cloud Hosting: https://trk.elementor.com/bapnesbbfa9i-cloudwebsitenew
– Support us: https://paypal.me/Websquadron
– Mastery Membership: https://websquadron.co.uk/web-design-mastery/
Hire us to work on your Website!
Contact us at info@websquadron.co.uk or visit https://websquadron.co.uk
– Facebook: https://www.facebook.com/websquadrontraining/
– LinkedIn: https://www.linkedin.com/in/imran-siddiq-7320a74a/
– Instagram: https://www.instagram.com/batswebsitedesign/
– Twitter: https://twitter.com/imranwebsites
—————————————————–
Equipment Used:
Softbox Lighting Kit (to focus main light onto me in a dark room): https://amzn.to/3feqH18
Soundproof Panels (to provide a dark setting, and prevent sound bounce): https://amzn.to/3HVfwqa
3m Ethernet Cat 7 Cable (to maximise the Internet Connection as the room is upstairs): https://amzn.to/3GlBvGw
Anker 6 in 1 Adaptor (for the Macbook Air to increase USB-C, USB-A, HDMI, Ethernet Ports): https://amzn.to/3tiukLA
USB-C to Lightning Port Cable (from my iPhone to my Macbook Air): https://amzn.to/3K2tGaU
Powerline Adaptor (boosts internet connection from downstairs 380mbs to the upstairs room 120mbs): https://amzn.to/3r8YcYc
Floodlights (positioned to glow onto the walls): https://amzn.to/33mRqWD
LED Light stands (either side of me): https://amzn.to/3Iaerez
Fifine Dynamic Microphone: https://amzn.to/3osbxu2
Floating Shelves: https://amzn.to/3Fhxyl1
Hanging Pendant Light Holders: https://amzn.to/3qgwnhg
Vintage Light Bulbs: https://amzn.to/3K0bQ8B
source
I have a slider on my blog that I cant get rid of. How do I replace it with just a normal list of posts? My theme is Blossom Beauty.
It works great but for some reason my font is italic and wont change it xD…Edit: You have to change in typography of content defaul settings to normal :D.
Feel the pain
Live the grind
I can change
In my mind
Pick a lane
Commit and climb
The only way
To win at life
Can it be done with free version of Elementor?
Very nice! You can control the speed under Testimonial Carousel > Transition Duration. 5500 worked for me.
You are incredible 🙂
Perfect tutorial boss
Very helpful and well-described. Thank you very much!
Thanks for sharing! The CSS was a great addition too – great stuff!
This is brilliant
Hi Imran, i've done everything like you say, but for me only appears de shortcode as content. it doesn't appear the post thumbnail. What do you say about it?
LOL testimonial Carousel is not free anymore
How would you this do for home page just displaying categories rather than posts
Thanks
Hi Imran! How do I set the main image that is displayed when a blog post is shared? I've added an image to the hero of the blog post page with social icons below the post, but when I share, it displays something completely different.
can i do the sam as a inserted podcast episodes carousel?
Just amazing. Thank you for sharing!
New invention 🚀🚀🙏
This is brilliant Imran. Love these videos where you achieve amazing things without using any outside plugins. You're awesome 🙂
This is what I have been waiting for 👍🏻
Amazing use of the testimonial carousel!
Will this work with loop template? (Eli custom skin)
Hi, as always very useful videos. Thank you. These short tutorials would benefit by not having 'your' video on display. Obviously for the Intro sign-off we'd love to see you but during the tutorial I'd get rid as its just a distraction. Nothing personal of course 🙂 hope you don't mind me suggesting this. Cheers J
This is wicked! Look forward to trying this out sometime soon!
Very clever, but it isn't clear how to populate it with different posts. Did I miss it?