In this tutorial, you will learn how to create an awesome custom slider, with Elementor.
Elementor Pro is required for this one as we will be using CTA elements.
Here is what we will be creating:
Here is what it looks like on mobile:
You can also visit the demo page directly.
Credits: I got the design idea here.
Features:
- Amazing: get a truly original slider and impress your visitors or clients
- Fully responsive: the layout is responsive and works well on tablet and mobile too
- Easy to replicate: simply copy paste the template
- Make it your own: swap to your content, edit the CSS to customize the fonts and colors easily
Also note that the slider is entirely custom (i.e. it's not using any JS slider library), and as such has a limitation: you can't swipe to navigate through the slides. You have to click the arrows, or click on one of the cards.
Another limitation is that it's not dynamic. It can't come from a custom post type. The slides' content is static. It could come from an ACF options page (or equivalent) though.
The Container feature needs to be activated for this tutorial to work.
Let's get started!
First, import the template on your page
This is a premium tutorial. Purchase access to unlock the full tutorial and access the template.
5 Responses
I I try to copy and paste the template but it not work ....can you post the json file or can you send me a json by mail ... Thanks!
Sent through email.
I try to copy and paste the template but it not work. Copy something other design from my web.
Try two twice, the same response:
https://share.vidyard.com/watch/vyQuX434d96wwc3orG8vmo?
Greetings,
To copy the template, you need to Right click > Paste from another site. You need to right click at the bottom of your page where you have the little folder and + icon.
Then when you have the screen where it says "press CTRL V", you click CTRL V.
Let me know if that works!
I got it's!
Thanks a lot.