What version of Elementor are you using because I do not have the 'container' option. Unless there is another widget for this or something you need to download?
Hello, everything worked perfectly except one thing. The Text from the previous slides appears in the next Slide and so on. Do you know how to fix that?
Hi, you must've missed the code. Please click on the code link in the description and scroll to the "CSS Code for Paragraph and Button Container" section. The widget code is also added in the same link. Code link: docs.google.com/document/d/14m7LkHr5rfupjc_OEeB6i8akG-4DnYHFK6wVTbiGgl4/edit?usp=sharing
Hi. Sorry this does not work. Your video skips many steps but the actual code does not work. Starting with the right navigation buttons and then for sure the heading code does not work, the paragraph code too.
What error is happening for you? I’ve done it on multiple sites, so I know it works…but depending on your site, something can be hindering the code execution as well
Hi, you must've missed the code. Please click on the code link in the description and scroll to the "CSS Code for Paragraph and Button Container" section. The widget code is also added in the same link. Code link: docs.google.com/document/d/14m7LkHr5rfupjc_OEeB6i8akG-4DnYHFK6wVTbiGgl4/edit?usp=sharing
Respectfully, your advanced slider looks great! But your structure of explaining this tutorial is quite annoying. You talk way to fast and you don't show your navigator from the start which makes it very hard to follow which container you actually talking about. As well you don't categorize the containers with a different name so we know which one you actually talking about. I was able to succeed to implement the pictures and have them slide. Adding the left and right button, I did exactly including the CSS class (as-slider-left as well for right). Once updated, I click on the button and it directs me to the top of the page. It does not respond to actually sliding the pictures. I gave up on your tutorial after that, because after the Heading CSS Code, you've edited the video and out of the sudden the Text Editor is compressed like the Heading. Clearly in your head it all makes sense and that's why you move and talk so fast. Such a shame.
Thanks so much for your feedback and for taking the time to share your thoughts! I really appreciate it, and I'm sorry for any frustration you experienced while following the tutorial. I’ll definitely keep your points in mind, especially regarding the pace and showing the navigator right from the start. I can see how naming the containers differently would make things clearer, so I'll work on that for future videos. As for the issue with the left and right buttons directing you to the top of the page, it sounds like it could be related to the default behavior of buttons in HTML. You might need to prevent the default action using JavaScript, and also double check the code. I’ll also look into making sure I clarify that better in the tutorial. Thanks again for your feedback, and I’ll make sure to improve on these areas for future content! If you have any more questions or need more details, feel free to ask.
![How To Add Elementor Advanced Slider with [Card Carousel] - WordPress Custom Slider Design](/img/n.gif)
CCS and Javascript code dont work
What version of Elementor are you using because I do not have the 'container' option. Unless there is another widget for this or something you need to download?
can you do the same slides for videos as video testimonial slides
Yup. We'll soon have a video on it
"JavaScript Code for Advanced Slider" Doesn't Work😥😥😥😥
Hi , thanks for this tutorial. I tried it but immediately I added the css and JavaScript code it stopped showing the testimonial carousel
What can I do to make it show
Did you add the correct CSS class? Can you double check it and let us know. Thanks :)
@@wpdev. same issue here and I added the correct CSS class
@@wpdev. It dont work
Hello, everything worked perfectly except one thing. The Text from the previous slides appears in the next Slide and so on. Do you know how to fix that?
Did you add all the codes? There's one to shift the text for different slides
@@wpdev. Thanks for answering. Yes I did it a couple times, but sadly with no success. Do you have some other solutions maybe?
hi thank you for this awesome tutto but can you help me cause the the number and the dot in the Left Indicator (Container) not chowing thank you
The indicator is added using a code snippet. Can you check that?
When I upload the json it's showing error
Can you specify what error?
Can we make this slider with free elementor
4:48 ,I'm stuck there, I used the codes but it doesn't react
Can you please tell that how we can make it mobile compatible and shift the Testimonial to right bottom.
It'll be a bit difficult, but I think you can do it just by using the margins and padding. So, move the carousel to the bottom and the buttons on top
Looks awesome, is this mobile responsive?
You can make it mobile responsive. The carousel would be at the top and the buttons will be right below (for easy controls).
the buttons are not working even after adding the classes🙃
Hi, you must've missed the code. Please click on the code link in the description and scroll to the "CSS Code for Paragraph and Button Container" section. The widget code is also added in the same link.
Code link: docs.google.com/document/d/14m7LkHr5rfupjc_OEeB6i8akG-4DnYHFK6wVTbiGgl4/edit?usp=sharing
same wkwkwk
Does it support videos if I want to display a video in the slider and as the background? If not, what should I do to make that possible?"
not in the current tutorial....but we are making a new video for that
@@wpdev. Thank you for your reply! That sounds great. Could you let me know when you'll be uploading the new tutorial for that?
Does Not work, you also used two different CSS class for testimonial and parent container?
Yes, have to use different. Json file is in the description, did you try using that
Hi! You forgot to put the javascript code.
Hey thanks for the reminding. I have added the code :)
I want to make each slider to a specific page? Can I do that?
That might be really challenging. Will have to check about it
I have some error... can you post a json file Please ?
Sure. Here's the JSON file: drive.google.com/file/d/1dBLAIKdxn6o7su95ixkCy_xHE-rCny-8/view?usp=drive_link
@@wpdev. Thanks!!!
Hello, the buttons and the left bar do not work, it says it is an error with Java
Can you show me the error message? Also, did you add all the codes and correct CSS class and IDs?
is it works in mobile
thank you. this is awesome.
Glad you liked it!
Is it working ?
Hi. Sorry this does not work. Your video skips many steps but the actual code does not work. Starting with the right navigation buttons and then for sure the heading code does not work, the paragraph code too.
What error is happening for you? I’ve done it on multiple sites, so I know it works…but depending on your site, something can be hindering the code execution as well
can it be done in elementor free version
No it's not possible.
your javascripts code isnt working !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
either that or you missed some steps when you are editing
Can you double check it? I think you might've missed some CSS class or ID
@@wpdev. i definitely didnt miss any steps that you showed.
Hello,the buttons is not working and i couldn't find changing widget code
Hi, you must've missed the code. Please click on the code link in the description and scroll to the "CSS Code for Paragraph and Button Container" section. The widget code is also added in the same link.
Code link: docs.google.com/document/d/14m7LkHr5rfupjc_OEeB6i8akG-4DnYHFK6wVTbiGgl4/edit?usp=sharing
@@wpdev. but where que need to add that css code for buttons works?
The CSS code should be added to the buttons itself.
@@wpdev. i'll import your JSON and i'll finish before surelly xD Thanks bro for faster answer.but mobile version works not so good
@@Santi1990 Haha, smart boy!
Can't change icon box SVG image colour from upload media library. How to change SVG icon colour?
SVG? Do you mean the background or the icon for the buttons? Can you be a bit more specific?
@@wpdev. how to change the icon color in the icon box?
You can upload different color icons and use them
Not Free
Yeah it requires Elementor Pro
Respectfully, your advanced slider looks great! But your structure of explaining this tutorial is quite annoying. You talk way to fast and you don't show your navigator from the start which makes it very hard to follow which container you actually talking about. As well you don't categorize the containers with a different name so we know which one you actually talking about.
I was able to succeed to implement the pictures and have them slide. Adding the left and right button, I did exactly including the CSS class (as-slider-left as well for right). Once updated, I click on the button and it directs me to the top of the page. It does not respond to actually sliding the pictures.
I gave up on your tutorial after that, because after the Heading CSS Code, you've edited the video and out of the sudden the Text Editor is compressed like the Heading. Clearly in your head it all makes sense and that's why you move and talk so fast.
Such a shame.
Thanks so much for your feedback and for taking the time to share your thoughts! I really appreciate it, and I'm sorry for any frustration you experienced while following the tutorial. I’ll definitely keep your points in mind, especially regarding the pace and showing the navigator right from the start. I can see how naming the containers differently would make things clearer, so I'll work on that for future videos.
As for the issue with the left and right buttons directing you to the top of the page, it sounds like it could be related to the default behavior of buttons in HTML. You might need to prevent the default action using JavaScript, and also double check the code. I’ll also look into making sure I clarify that better in the tutorial.
Thanks again for your feedback, and I’ll make sure to improve on these areas for future content! If you have any more questions or need more details, feel free to ask.
this is irrtiating,
What is?
Sir can you share your mail address i have some queries pls help
Please ask here :)
@@wpdev. I will not be able to explain it to you theoretically so i wanna share via voice note,
Can you upload it to drive and leave the link here?