Elementor Advanced Slider - Make ANY Custom Design

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

КОМЕНТАРІ • 66

  • @tashfeenahmad7383
    @tashfeenahmad7383 23 дні тому

    Can we make this slider with free elementor

  • @awebamara1287
    @awebamara1287 22 дні тому

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

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

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

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

    • @fahrdienstjessica
      @fahrdienstjessica 25 днів тому

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

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

    Looks awesome, is this mobile responsive?

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

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

  • @tariq.5282
    @tariq.5282 24 дні тому

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

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

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

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

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

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

      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

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

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

    • @faheemweb0
      @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?

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

    When I upload the json it's showing error

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

      Can you specify what error?

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

    is it works in mobile

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

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

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

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

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

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

      The CSS code should be added to the buttons itself.

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

      @@Santi1990 Haha, smart boy!

  • @mehedihassanrafi9232
    @mehedihassanrafi9232 5 днів тому

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

  • @sas.prod.c
    @sas.prod.c 25 днів тому

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

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

      What can I do to make it show

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

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

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

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

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

    can it be done in elementor free version

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

      No it's not possible.

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

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

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

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

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

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

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

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

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

      @@wpdev. Thanks!!!

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

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

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

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

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

    thank you. this is awesome.

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

      Glad you liked it!

    • @tariq.5282
      @tariq.5282 24 дні тому

      Is it working ?

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

    the buttons are not working even after adding the classes🙃

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

      same wkwkwk

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

    Hi! You forgot to put the javascript code.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      You can upload different color icons and use them

  • @MaidilsDIY
    @MaidilsDIY 27 днів тому

    Not Free

    • @wpdev.
      @wpdev.  26 днів тому

      Yeah it requires Elementor Pro

  • @MichaelEvolution85
    @MichaelEvolution85 11 днів тому

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

      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.

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

    this is irrtiating,

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

      What is?

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

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

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

      Please ask here :)

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

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

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

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