Title: [Plugin: WP-jScrollPane] how to implement?
Last modified: August 20, 2016

---

# [Plugin: WP-jScrollPane] how to implement?

 *  Resolved [imbreannarose](https://wordpress.org/support/users/imbreannarose/)
 * (@imbreannarose)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-how-to-implement/)
 * Hello!
    I successfully installed/activated this plugin. I went ahead and entered
   some settings, but have not been able to actually implement the horizontal scroller
   on any pages.
 * I named the selector “weddings” and set the selector type to “class.”
    SO, on
   the page I wanted a horizontal scroller, I put the following:
 *     ```
       <div class="weddings">
       <li><img class="pe" src="http://athenapelton.com/images/w/028.jpg" height="466" /></li>
       <li><img class="pe" src="http://athenapelton.com/images/w/029.jpg" height="466" /></li>
       <li><img class="pe" src="http://athenapelton.com/images/w/030.jpg" height="466" /></li>
       ```
   
 * Can someone help let me know what I’m doing wrong??
    Or am I missing something.
   The page that I’m testing it on is here : [http://athenapelton.com/weddings/](http://athenapelton.com/weddings/)
   </div>
 * This is for a client, which is due soon … so I’m hoping to get some help quickly.
   Thank you!!
 * [http://wordpress.org/extend/plugins/wp-jscrollpane/](http://wordpress.org/extend/plugins/wp-jscrollpane/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Thread Starter [imbreannarose](https://wordpress.org/support/users/imbreannarose/)
 * (@imbreannarose)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-how-to-implement/#post-2576185)
 * PS. Sorry I must not have copied all of my code over, but I do close my <div>
   tag in the end.
 *  Plugin Author [cornfeed](https://wordpress.org/support/users/cornfeed/)
 * (@cornfeed)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-how-to-implement/#post-2576320)
 * I only see “coming soon”. This might be of help…
    [http://jscrollpane.kelvinluck.com/basic.html](http://jscrollpane.kelvinluck.com/basic.html)
 *  [wilburlikesmith](https://wordpress.org/support/users/wilburlikesmith/)
 * (@wilburlikesmith)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-how-to-implement/#post-2576583)
 * Please assist. I can’t figure out how to make it work. Where and what HTML needs
   to be added? And can I add it on the template or only in page edit?
 *  [fawkesblog2](https://wordpress.org/support/users/fawkesblog2/)
 * (@fawkesblog2)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-how-to-implement/#post-2576586)
 * This is the code that I have to make the scroll box
 * `<div id="blog_comm"style=";float:right;width:431px;height:86px;margin-top: 9px;
   overflow:auto;overflow-y:transparent;overflow-x:hidden;outline:;padding-right:
   16px;padding-left:16px;box-shadow:inset 0 0 12px #121212;">`
 * That code will create a normal scroll box with the browser default scrollbar.
 * Not In the jscrollpane settings you make sure that your selector is set to ID
   and not to CLASS.
    Then in the selector box I past in blog_comm from the above
   code. Then select the colors for the various parts of the scroll bar.
 * Then set the width.
 * If you are using a theme that already has scrollable comments it is likely that
   the code is in the css and is a class not an id.
 * Hope that helps.
 *  [fawkesblog2](https://wordpress.org/support/users/fawkesblog2/)
 * (@fawkesblog2)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-how-to-implement/#post-2576587)
 * For the full page scroll don’t worry about a selector. Just click full page scroll
   in settings.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘[Plugin: WP-jScrollPane] how to implement?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-jscrollpane.svg)
 * [WP-jScrollPane](https://wordpress.org/plugins/wp-jscrollpane/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-jscrollpane/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-jscrollpane/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-jscrollpane/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-jscrollpane/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-jscrollpane/reviews/)

 * 5 replies
 * 4 participants
 * Last reply from: [fawkesblog2](https://wordpress.org/support/users/fawkesblog2/)
 * Last activity: [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-how-to-implement/#post-2576587)
 * Status: resolved