Elementor Advanced Slider - Make ANY Custom Design

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 88

  • @JorgeSilvaClicks
    @JorgeSilvaClicks 2 дні тому

    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
    @thiago.martins 13 днів тому

    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
    @DDesigner123 8 днів тому

    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
    @oluwabukolaodunlami144 3 місяці тому +2

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

    • @oluwabukolaodunlami144
      @oluwabukolaodunlami144 3 місяці тому

      What can I do to make it show

    • @wpdev.
      @wpdev.  3 місяці тому

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

    • @fairyprincessg27
      @fairyprincessg27 2 місяці тому

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

    • @RenWebdesign
      @RenWebdesign Місяць тому

      @@wpdev. It dont work

    • @flavievalverde9639
      @flavievalverde9639 19 днів тому

      have you a solution ? same problem

  • @sas.prod.c
    @sas.prod.c 2 місяці тому

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

  • @jadebowes9011
    @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
      @Koshikraj24x7 25 днів тому +1

      You need to activate from settings of elementor

  • @salarsalarzehi
    @salarsalarzehi 13 днів тому

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

  • @rishirishithgoud5073
    @rishirishithgoud5073 3 місяці тому +2

    is it works in mobile

  • @PGames009
    @PGames009 15 днів тому

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

  • @inderdeepwahiria6001
    @inderdeepwahiria6001 3 місяці тому +1

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

    • @wpdev.
      @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

  • @awebamara1287
    @awebamara1287 2 місяці тому

    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.
      @wpdev.  Місяць тому

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

  • @fahrdienstjessica
    @fahrdienstjessica 2 місяці тому

    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.
      @wpdev.  2 місяці тому

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

    • @fahrdienstjessica
      @fahrdienstjessica 2 місяці тому

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

  • @faheemweb0
    @faheemweb0 3 місяці тому

    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.
      @wpdev.  3 місяці тому

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

    • @faheemweb0
      @faheemweb0 3 місяці тому

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

  •  3 місяці тому +1

    When I upload the json it's showing error

    • @wpdev.
      @wpdev.  3 місяці тому

      Can you specify what error?

  • @Bvolts71
    @Bvolts71 Місяць тому

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

    • @wpdev.
      @wpdev.  Місяць тому +1

      Yup. We'll soon have a video on it

  • @tariq.5282
    @tariq.5282 2 місяці тому

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

    • @wpdev.
      @wpdev.  Місяць тому

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

  • @flavievalverde9639
    @flavievalverde9639 19 днів тому

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

  • @mehedihassanrafi9232
    @mehedihassanrafi9232 Місяць тому +1

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

  • @cristianbohorquez9812
    @cristianbohorquez9812 4 місяці тому

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

    • @wpdev.
      @wpdev.  4 місяці тому

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

  • @arunrko6564
    @arunrko6564 4 місяці тому

    Looks awesome, is this mobile responsive?

    • @wpdev.
      @wpdev.  4 місяці тому

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

  • @insidestory-24
    @insidestory-24 11 днів тому

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

    • @wpdev.
      @wpdev.  11 днів тому +1

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

  • @tashfeenahmad7383
    @tashfeenahmad7383 2 місяці тому

    Can we make this slider with free elementor

  • @rishirishithgoud5073
    @rishirishithgoud5073 3 місяці тому

    can it be done in elementor free version

    • @wpdev.
      @wpdev.  3 місяці тому

      No it's not possible.

  • @teuccio73
    @teuccio73 4 місяці тому

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

    • @wpdev.
      @wpdev.  4 місяці тому +1

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

    • @teuccio73
      @teuccio73 4 місяці тому

      @@wpdev. Thanks!!!

  • @haura4362
    @haura4362 3 місяці тому

    thank you. this is awesome.

    • @wpdev.
      @wpdev.  3 місяці тому

      Glad you liked it!

    • @tariq.5282
      @tariq.5282 2 місяці тому

      Is it working ?

  • @amnaakhtar2950
    @amnaakhtar2950 3 місяці тому

    the buttons are not working even after adding the classes🙃

    • @wpdev.
      @wpdev.  2 місяці тому

      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
      @GeBlack 2 місяці тому

      same wkwkwk

  • @RenWebdesign
    @RenWebdesign Місяць тому

    CCS and Javascript code dont work

  • @OrbisAgency
    @OrbisAgency 3 місяці тому

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

    • @wpdev.
      @wpdev.  3 місяці тому

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

  • @toxicgaming7380
    @toxicgaming7380 4 місяці тому +1

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

    • @wpdev.
      @wpdev.  4 місяці тому

      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
      @Santi1990 3 місяці тому

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

    • @wpdev.
      @wpdev.  3 місяці тому

      The CSS code should be added to the buttons itself.

    • @Santi1990
      @Santi1990 3 місяці тому

      @@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.
      @wpdev.  3 місяці тому

      @@Santi1990 Haha, smart boy!

  • @ryhanahmed5849
    @ryhanahmed5849 3 місяці тому

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

    • @wpdev.
      @wpdev.  3 місяці тому

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

    • @leewalter6008
      @leewalter6008 3 місяці тому

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

  • @GOKU-pi5zc
    @GOKU-pi5zc 4 місяці тому

    Hi! You forgot to put the javascript code.

    • @wpdev.
      @wpdev.  4 місяці тому +1

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

  • @leewalter6008
    @leewalter6008 3 місяці тому

    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.
      @wpdev.  3 місяці тому

      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
    @MichaelEvolution85 Місяць тому +2

    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.
      @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
    @Konkel529 23 дні тому

    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.
      @wpdev.  20 днів тому

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

  • @cinemainfo2433
    @cinemainfo2433 4 місяці тому

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

    • @wpdev.
      @wpdev.  4 місяці тому

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

    • @cinemainfo2433
      @cinemainfo2433 4 місяці тому

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

    • @wpdev.
      @wpdev.  3 місяці тому

      You can upload different color icons and use them

  • @99ohmygod
    @99ohmygod 5 днів тому

    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
    @MaidilsDIY 2 місяці тому

    Not Free

    • @wpdev.
      @wpdev.  2 місяці тому

      Yeah it requires Elementor Pro

  • @sadikulislamyt-qu3uf
    @sadikulislamyt-qu3uf 22 дні тому

    It is not responsive

    • @wpdev.
      @wpdev.  21 день тому +1

      Yeah that will require a bunch of changes to the design

  • @marlourentucan9023
    @marlourentucan9023 7 годин тому

    Boo 👎👎👎👎

  • @JayanDivakaran
    @JayanDivakaran 3 місяці тому

    this is irrtiating,

    • @wpdev.
      @wpdev.  3 місяці тому

      What is?

  • @mr.arjunn5884
    @mr.arjunn5884 4 місяці тому

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

    • @wpdev.
      @wpdev.  4 місяці тому

      Please ask here :)

    • @mr.arjunn5884
      @mr.arjunn5884 4 місяці тому

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

    • @wpdev.
      @wpdev.  3 місяці тому

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