Create a Slider in WordPress

Create a Slider in WordPress

FavoriteLoadingAdd to favorites

Create a slider in WordPress to make your website look super professional. This is one of the best sliders I have ever seen. It is responsive, you can add in videos, buttons, text and change the colors.

Take the free course at

By |2017-05-13T20:17:10+00:00May 13th, 2017|Wordpress Video Tutorials|50 Comments


  1. Luka .ZG May 13, 2017 at 8:17 pm - Reply

    Does anyone else have a problem with spacing between header and slider? Even after I put all 0 in padding its still there

  2. Seria Rusli May 13, 2017 at 8:17 pm - Reply

    Thanks Tyler for the very useful video. I see that you are using the Beaver Page Builder and it works fine for me. However, can I check if it is possible to make the slider full width with SiteOrigin page builder. I have tried it and it is not able to cover fully from left to right (I have set the row to be full width and zero-ed all the paddings). Thanks in advance!

  3. Franklin Martinez May 13, 2017 at 8:20 pm - Reply

    Thanks Tyler for sharing! You helped me a lot. Great tutorial keep uploading more.

  4. Gianna Carpanzano May 13, 2017 at 8:21 pm - Reply

    Hey Tyler! I have a random letter c right above my header. It appears on every page; it looks like its part of the background but I can’t figure out how to get rid of it!! If you could help me that would be great, thank you!!

  5. Mark Adamson May 13, 2017 at 8:21 pm - Reply

    Tyler, Thank You For Your Tutoring!! I Have Been Trying To "Escape" The Builder Programs Offered By Domain/Hosting Sales Sites, And Your Videos, Tesseract Theme, And Comments Have Made IT Possible!! I Hope What Little I Was Able To Send You By Purchasing The "Debranding" Helps You Stay Inspired To Continue Helping Those Of Us That Are New To Website Building..

  6. Photography Street May 13, 2017 at 8:21 pm - Reply

    Hi Tyler, thank you for this great video.
    I’m also halfway through your 3 hour epic video too!
    I have a question which I hope you can answer: how do I prevent my images being copied from my website? As a photographer, this is really important to me.
    Thanks Again!

  7. Gina Taranto May 13, 2017 at 8:22 pm - Reply

    Hi Tyler, Love the videos. I am having trouble with the photos in the slider loading very slowly. What can I do?

  8. Annius Jn Marie May 13, 2017 at 8:23 pm - Reply

    i appreaciate your work very much

  9. Hassan Elammouri May 13, 2017 at 8:25 pm - Reply

    Hi, how can I get the title of the sloder in the middle of the slider?

  10. Yimei Tang May 13, 2017 at 8:26 pm - Reply

    absolutely wonderful and helpful!

  11. Bishwajit Das Tutul May 13, 2017 at 8:26 pm - Reply

    The video is awesome. Good job. What is the name of your page builder plugin?

  12. Harry Patel May 13, 2017 at 8:28 pm - Reply


  13. Thomas Rodriguez May 13, 2017 at 8:29 pm - Reply

    Awesome, as usual.

  14. Irish Damsel May 13, 2017 at 8:33 pm - Reply

    Hi Tyler, thanks for this great explanatory video. Question: can I use this slider to show "recent posts" automatically on my weblog? Thanks!

  15. atomy love May 13, 2017 at 8:35 pm - Reply

    hi Tyler Moore thanks for the awesome tutorial, may i know which page builder you using?

  16. MR WP May 13, 2017 at 8:37 pm - Reply

    Tyler I would like my slider to appear in the middle of the page in ADDITION to everything else like the following theme. Can you instruct me? Please & Thanks.

  17. Opeyemi Adeyeye May 13, 2017 at 8:42 pm - Reply

    thanks tyler

  18. Pablo Morales May 13, 2017 at 8:43 pm - Reply

    Hi Tyler ! Thanks a lot for your tutorials. I have a question, I am trying the slider in a themify theme and I do not get it work. Help Please. !

  19. Eduardo Fernandini May 13, 2017 at 8:43 pm - Reply

    Very good video !!! Thank you

  20. ali r May 13, 2017 at 8:44 pm - Reply

    Hey Tyler, thank you for the slider show, pretty cool, do you think you could create this on a home website page like 4×4 pictures of different cars and the slider takes lets say 30 second to fade between the 16 pictures then it goes to the next 16 cars and so on, and each picture be a link to 10 more detail of that one car, hope to hear from you soon, regards A R

  21. solomon moyaba May 13, 2017 at 8:44 pm - Reply

    That’s very nice, precise and simple. Good job Tyler!

  22. Jimmie Moglia May 13, 2017 at 8:45 pm - Reply

    This is very interesting but the actual layout of smart slider and page builder is anything but what is show here.

  23. viveknamboodiry May 13, 2017 at 8:45 pm - Reply

    u r awesome.. thank u so much

  24. Deedee Jones May 13, 2017 at 8:46 pm - Reply

    Hi Tyler, I have pagebuilder uploaded to my sitr but it’s not an available choice at the top of my dashboard, in this case how to I access it to add the banner? Thanks.

  25. Insecure ut May 13, 2017 at 8:47 pm - Reply

    Really cool video. All your videos is cool =)

  26. SpiritNoodleSoup May 13, 2017 at 8:48 pm - Reply


  27. Judith Smith May 13, 2017 at 8:49 pm - Reply

    Thanks for the video… very very helpful! The plug in I guess has been updated, or any way, it doesn’t show the same way on my screen, but was still able to maneuver. In my page builder, I only see the code where the slider is supposed to be, but it does show the way it’s supposed to when I view the website. So great!!!

  28. Sachin Rane May 13, 2017 at 8:49 pm - Reply

    Hi Tyler, Great videos. Great YouTube Channel. How to edit footer copyright text in above theme ?

  29. Fan Boy May 13, 2017 at 8:50 pm - Reply

    how do i link the slider in the home page instead of it making another link

  30. Judith Smith May 13, 2017 at 8:54 pm - Reply

    Hi Tyler, thanks for the lessons. I installed the Smart Slider 3, been practicing building my site. The slider turned out very nice. but then I have a problem that when I load my page builder, I can’t edit. As it turns out, the Slider is causing the problem so I had to deactivate it. Do you know why this would happen and how to fix it without totally having to remove the slider and start all over again with something else?

  31. mreltigre May 13, 2017 at 8:54 pm - Reply

    Hi Tyler, my site already has the Sydney theme on in – will it is still work?

  32. Husham Mehdi May 13, 2017 at 8:55 pm - Reply

    thank u Tyler ..i loved this vedio

  33. adrian hannon May 13, 2017 at 8:56 pm - Reply


  34. Sujit Chatterjee May 13, 2017 at 8:56 pm - Reply

    Hi Tyler appreciate the awesome tutorials u have here… I used the whole thing as explained by you and was able to have a static slider which i had to click on either side to change the picture on the home page. I want it to change automatically which i could not achieve even after trying all the adjustments in the Smart Slider Plugin… Please help at the earliest possible forgot to mention i used the Tesseract Theme to build my portal.

  35. Fan Boy May 13, 2017 at 9:01 pm - Reply

    what page builder do you use

  36. Mahmoud Fattouh May 13, 2017 at 9:02 pm - Reply

    please i want a simple theme like the one you used so what is its name?

  37. Fernando Giraudo May 13, 2017 at 9:04 pm - Reply

    what do you think about wowslider? do you know it?, I think its more dynamic with more effects… Sorry I’m from Argentina, my english it’s not very good… Greetings!!!

  38. jmallari79 May 13, 2017 at 9:05 pm - Reply

    Thank you for all hard work and sharing awesome tutorials. I learned so much from all your videos.

  39. Saidmasrurkhon Mansuri May 13, 2017 at 9:08 pm - Reply

    what is the name of both plugins. slider and page builder

  40. chen akira May 13, 2017 at 9:08 pm - Reply

    Hey, tyler, I have followed your instruction to build the slider to our website. however, it’s not workable. When I paste the code to text to text editor, only the "[smartslider3 slider=1]" shows on my page. I have checked your page many times and make sure every step I make are right.

    Any guys can help to fix this problem??

    Thanks very much

  41. ImpossibleAlien May 13, 2017 at 9:09 pm - Reply

    This is a great tutorial.
    However when I insert the slider and do everything as described, it shows up on the right side of the screen, doesn’t stretch to full width and looks weird in general… Also watched the full video on how to set up a website with this theme, but the error still occurs.. Any idea how to fix it? 🙂

  42. Milan Yunidha May 13, 2017 at 9:09 pm - Reply

    You are great.. Very helpful.. thanks so much.. 😉

  43. Boris Mechkov May 13, 2017 at 9:10 pm - Reply

    When i put a slider on my page and click full width on the row and the content and remove all the padding and stuff, a little bit of space remains to the right of the slider as well as above it. Any ideas how i can fix that?

  44. Yerlan Nanarov May 13, 2017 at 9:11 pm - Reply

    Hello, Tyler! Thanks for your videos on YouTube. Very helpful! I have a question. I am using your theme called Tesseract. I was wondering if I could install polylang plugin to have more than one language. I tried to install it but all pages disappeared from the header. It took me a while to figure out how to get the pages back. So I had to uninstall the polylang plugin. Could you please give a hint how to go about this issue? Maybe I need to use a different plugin? Thanks a lot. Keep up the good work ???

  45. Miro Galbo May 13, 2017 at 9:12 pm - Reply

    Hi Tyler, great job with your videos, learned a lot from you… fast question, is there a way to make sliders in mobile mode show only certain area of the full screen image?… problem I am having is that while the slider looks great in full screen, by the time it gets to be reduced to mobile phone it is just too small, so I like to designate an area from full screen slider that would be only showing on mobile phone… or could I even make different picture come in in mobile view? that would be awesome if the picture could change from full to medium to small screen… thanks

  46. khaled khaled May 13, 2017 at 9:13 pm - Reply

    Great bro
    you covered all related points

  47. Johnn Paul Montalla May 13, 2017 at 9:13 pm - Reply

    Hi. What is exactly the name of the PageBuilder you are using for your tutorial?

  48. Mohammad Golam Mowla Shimul May 13, 2017 at 9:13 pm - Reply

    Is it work in free wordpress site?

  49. shah sohail May 13, 2017 at 9:14 pm - Reply

    sir which them your using in this video

  50. Kuldeep Adhikari May 13, 2017 at 9:17 pm - Reply

    Hi Tyler, does this works with ink theme too ? I am not using teseract theme ! I am facing a problem that the width of slider does not goes full page, rather is stuck mostly from left to the middle of the page !

Leave A Comment