# How to adding a Responsive jQuery Slider to Roots

**URL:** https://discourse.roots.io/t/how-to-adding-a-responsive-jquery-slider-to-roots/1295
**Category:** uncategorized
**Created:** 2014-02-27T06:44:17Z
**Posts:** 5
**Showing post:** 3 of 5

## Post 3 by @JulienMelissas — 2014-02-27T23:58:12Z

I use [bxslider](http://bxslider.com) for some projects and it’s very easy to implement.

- Add bx slider to the plugins of roots, you may have to tell grunt not to run a js hint on the minified version.
- Change the bx slider css to a less file and import at top of app.less
- Drop images into the img folder and change the image path in the bxslider.less file to reflect the new image path (I like to put mine into a bxslider folder inside the img folder)
- Pull your content in from somewhere (I like to use the advanced custom fields’s repeater function for slides)
- Add your html markup for the slider
- Call your slider in main.js

Hope that helps, let me know if you need more explanation.

---

_[View the full topic](https://discourse.roots.io/t/how-to-adding-a-responsive-jquery-slider-to-roots/1295)._