Ninja Slider / Posts /

Add my own Next Prev button for the image slider

Hello, i want to use my own Next and Prev button, outside of the video, somewhere in the page. I don't want the the button to be over the video. Is there a way to do that? Thanks
Yan  8 years ago   viewed: 10816    

5 Answers


There are three approaches:

  1. From the demo you can see the nav buttons are outside the slider. It is because of the max-width setting:#ninja-slider li > div, #ninja-slider li > a { max-width:960px; } 
  2. In the CSS file, make the div#ninja-slider to be wider than the div#ninja-slider ul so that the nav buttons are outside of the slider
  3. Another option is to add the nav buttons to the page by yourself. It can be anywhere: <div id="ninja-slider-prev"></div> <div id="ninja-slider-next"></div>

    You can see an example of this from the demo 2 in the download package, or

Milo   8 years ago

Thanks, Milo for being such a great help as always. Do you think this nav button still works?junk removal fencing company charlotte

  one year ago

Hi Peter, do you have any problem following the steps, if you do, you can reach out to me and I'll be happy to help you! Thanks Milo! finger lakes realty partners mole burrows Onboarding software

  7 months ago

Cool! Didn't know this was possible. Thanks for providing the steps here, Milo.

optimize your lead gen website va benefits calculator

  3 months ago
peterparkerrbu   one month ago


Your name*
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: