Elementor Advanced Slider - Make ANY Custom Design

[@JorgeSilvaClicks]

Hello, thank you very much for the contribution. It works perfectly in the desktop version, but not in its mobile version. How can I fix that problem?

[@thiago.martins]

Hello...congratulations on the video...one problem. The right and left buttons with the as-slider-left and as-slider-right classes do not work. Any solution?

[@DDesigner123]

Is there a way to have it auto slide and not have to click each time for it to change? That would be great...

[@oluwabukolaodunlami144]

Hi , thanks for this tutorial. I tried it but immediately I added the css and JavaScript code it stopped showing the testimonial carousel

[@oluwabukolaodunlami144]

What can I do to make it show

[@wpdev.]

Did you add the correct CSS class? Can you double check it and let us know. Thanks :)

[@fairyprincessg27]

@@wpdev. same issue here and I added the correct CSS class

[@RenWebdesign]

@@wpdev. It dont work

[@flavievalverde9639]

have you a solution ? same problem

[@sas.prod.c]

4:48 ,I'm stuck there, I used the codes but it doesn't react

[@jadebowes9011]

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?

[@Koshikraj24x7]

You need to activate from settings of elementor

[@salarsalarzehi]

the left and right arrow doesnt work for me.when i click it goes to the top of the page

[@rishirishithgoud5073]

is it works in mobile

[@inderdeepwahiria6001]

Can you please tell that how we can make it mobile compatible and shift the Testimonial to right bottom.

[@wpdev.]

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

[@PGames009]

But, this video don't show responsive form, any idea?

[@awebamara1287]

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

[@wpdev.]

The indicator is added using a code snippet. Can you check that?

[@fahrdienstjessica]

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?

[@wpdev.]

Did you add all the codes? There's one to shift the text for different slides

[@fahrdienstjessica]

@@wpdev. Thanks for answering. Yes I did it a couple times, but sadly with no success. Do you have some other solutions maybe?

[@faheemweb0]

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?"

[@wpdev.]

not in the current tutorial....but we are making a new video for that

[@faheemweb0]

@@wpdev. Thank you for your reply! That sounds great. Could you let me know when you'll be uploading the new tutorial for that?

When I upload the json it's showing error

[@wpdev.]

Can you specify what error?

[@Bvolts71]

can you do the same slides for videos as video testimonial slides

[@wpdev.]

Yup. We'll soon have a video on it

[@tariq.5282]

I want to make each slider to a specific page? Can I do that?

[@wpdev.]

That might be really challenging. Will have to check about it

[@mehedihassanrafi9232]

"JavaScript Code for Advanced Slider" Doesn't Work😥😥😥😥

[@flavievalverde9639]

javascript code doesn't work for me :(( can you help me ?

[@flavievalverde9639]

i use the correct css class

[@cristianbohorquez9812]

Hello, the buttons and the left bar do not work, it says it is an error with Java

[@wpdev.]

Can you show me the error message? Also, did you add all the codes and correct CSS class and IDs?

[@insidestory-24]

Yourvideo is suitable for desktop not mobile responsive, Focus on Mobile as well 90% used mobile traffic

[@wpdev.]

You are absolutely right, I will make sure to include mobile responsiveness in future videos!

[@arunrko6564]

Looks awesome, is this mobile responsive?

[@wpdev.]

You can make it mobile responsive. The carousel would be at the top and the buttons will be right below (for easy controls).

[@tashfeenahmad7383]

Can we make this slider with free elementor

[@rishirishithgoud5073]

can it be done in elementor free version

[@wpdev.]

No it's not possible.

[@teuccio73]

I have some error... can you post a json file Please ?

[@wpdev.]

Sure. Here's the JSON file: drive.google.com/file/d/1dBLAIKdxn6o7su95ixkCy_xHE-rCny-8/view?usp=drive_link

[@teuccio73]

@@wpdev. Thanks!!!

[@haura4362]

thank you. this is awesome.

[@wpdev.]

Glad you liked it!

[@tariq.5282]

Is it working ?

[@amnaakhtar2950]

the buttons are not working even after adding the classes🙃

[@wpdev.]

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

[@GeBlack]

same wkwkwk

[@RenWebdesign]

CCS and Javascript code dont work

[@OrbisAgency]

Does Not work, you also used two different CSS class for testimonial and parent container?

[@wpdev.]

Yes, have to use different. Json file is in the description, did you try using that

[@toxicgaming7380]

Hello,the buttons is not working and i couldn't find changing widget code

[@wpdev.]

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

[@Santi1990]

@@wpdev. but where que need to add that css code for buttons works?

[@wpdev.]

The CSS code should be added to the buttons itself.

[@Santi1990]

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

[@wpdev.]

@@Santi1990 Haha, smart boy!

[@ryhanahmed5849]

your javascripts code isnt working !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! either that or you missed some steps when you are editing

[@wpdev.]

Can you double check it? I think you might've missed some CSS class or ID

[@leewalter6008]

@@wpdev. i definitely didnt miss any steps that you showed.

[@GOKU-pi5zc]

Hi! You forgot to put the javascript code.

[@wpdev.]

Hey thanks for the reminding. I have added the code :)

[@leewalter6008]

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.

[@wpdev.]

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

[@MichaelEvolution85]

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.

[@wpdev.]

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.

[@Konkel529]

You need to slow down and also show the structure tab, way to confusing to fallow - saying like this and like that doesn't really help as it completely turns out differently for me. Just some constructive criticism, no hate :)

[@wpdev.]

Thanks for the info. Will make sure it's implemented in future videos. Cheers!

[@cinemainfo2433]

Can't change icon box SVG image colour from upload media library. How to change SVG icon colour?

[@wpdev.]

SVG? Do you mean the background or the icon for the buttons? Can you be a bit more specific?

[@cinemainfo2433]

@@wpdev. how to change the icon color in the icon box?

[@wpdev.]

You can upload different color icons and use them

[@99ohmygod]

Inferior presentation. Why don't you choose structure? In the code sheet, you should add the COPY option. Nowhere have you mentioned what CSS or Jave script code would need to be inserted.

[@MaidilsDIY]

Not Free

[@wpdev.]

Yeah it requires Elementor Pro

[@sadikulislamyt-qu3uf]

It is not responsive

[@wpdev.]

Yeah that will require a bunch of changes to the design

[@marlourentucan9023]

Boo 👎👎👎👎

[@JayanDivakaran]

this is irrtiating,

[@wpdev.]

What is?

[@mr.arjunn5884]

Sir can you share your mail address i have some queries pls help

[@wpdev.]

Please ask here :)

[@mr.arjunn5884]

@@wpdev. I will not be able to explain it to you theoretically so i wanna share via voice note,

[@wpdev.]

Can you upload it to drive and leave the link here?