Google seems to think these result from nicescroll. I can see from the Support that you reckon this is now fixed. However as the dev hard-coded the js, rather than using a plug-in, can I fix it by simply replacing the old js file (jquery.nicescroll 3.2.0) with a newer version? If so, how do I get the newer version?

Sorry if these are dumb questions, this isn’t something I’m expert in… but the dev’s disappeared so I gotta fix it myself : (

Thanks much
Mark

It’s connected with this thread on github:
https://github.com/inuyaksa/jquery.nicescroll/issues/799

Could you update it?

Seems like somethings missing?
I can’t find where or if the nicescroll is added to the site at all.

https://www.ads-software.com/plugins/wp-color-scrollbar/

long story short: I need to get rid of it
Website in question:
https://gymn2016.apps-1and1.net/participate

When I simply delete the Files (jquery.nicescroll.js and jquery.nicescroll.min.js), scrolling stops working entirely, so i guess i need to do some deeper css work :/

Im not a Web Developer / Designer by any means but I’m willing to learn.
unfortunately I dont know where to start exactly.

Any Help to remove this script would be really appreciated.

Robin

firs of all I want to congratulate you for such an amazing and well designed plugin, congratulations.

It works perfect on the main scroll of my website, but I have a left sidebar which remains with the old “ugly” scrollbar. Can you help me to change it also?

Thanks,
Javier

https://www.ads-software.com/plugins/sis-nicescroll/

After the activation the scroll with middle button click of the mouse is not working.

Can anyone help me with this issue?

Thnx in advance

https://www.ads-software.com/plugins/responsive-menu/

plug in works and now i would like to style the scroll bar.

i tried this:

jQuery(document).ready(function($) {

    $("#someDiv").niceScroll({cursorwidth: '2px', cursorcolor:'#FFF'});

}

but can’t get niceScroll to change.

what am i missing??

https://www.ads-software.com/extend/plugins/wp-nicescroll/

My problem is that the scroll bar passes over the corner and makes a square corner.

Does anyone have any experience with putting some padding on the top and bottom of a “nicescroll” bar – so that it can visually stop before the corner?

I haven’t found any options for this in the documentation.

Thank you.

Here’s what I us in my css to give me scroll bars:

#scrollbarsection {
width: 430px;
height: 320px;
overflow:scroll;
}

Then I just give use the div ID #scrollbarsection. What do I need to do to have it use WP-nicescroll?

Thanks

https://www.ads-software.com/extend/plugins/wp-nicescroll/

Since I’m new to WordPress, I don’t know what the next steps are in order to see the scroll bars change to nicescroll. If there is some Jquery stuff that needs to be added to the actual pages, it would be helpful to know in detail how to go about doing this.
Any help is greatly appreciated.

I’m including snippet of my style shit and header.php
============header.php===================
<script type=”text/javascript”>

$(document).ready(

function() {
$(“body”).niceScroll();
$(“primary_content_wrap”).niceScroll(“#c-content”, {cursorcolor:”#0F0″});

}

);

</script>
=================================================

============style.css===============
/* Content
—————————————- */

.primary_content_wrap {
position: relative;
z-index: 1;
margin: 0;
}

.primary_content_wrap #indent {
padding: 0;
}

.primary_content_wrap .col-1 {
float: left;
width: 454px;
padding: 0;
overflow: hidden;
}

.primary_content_wrap .col-2 {
float: left;
width: 268px;
height: 630px;
border: 0px #000 solid;
margin: 20px 0 0 408px;
}
#top {margin: 0; padding: 0; height: 25px;}
#top img {float: right;}
#c-content {background: url(‘images/home-c-bg-repeat.png’) repeat-y top center; border: 0px #0F0 solid; overflow: auto;
padding: 0; margin: 0; min-height: 620px; max-height: 620px}

.primary_content_wrap .col-2 #widget_text {
margin: 0;
padding: 0 10px 20px 10px;
color: #3a424a;
font-size: 11pt;
line-height: 14pt;
font-family: ‘Museo’, Georgia;
width: 230px;
}

.primary_content_wrap ul {
margin: 0;
padding: 0 0 18px 0;
}

.primary_content_wrap ul li {
padding: 0 0 0 24px;
line-height: 25px;
font-size: 13px;
color: #fff;
}

.primary_content_wrap ul li a {
text-decoration: none;
color: #fff;
font-weight: 300;
text-transform: uppercase;
font-family: ‘Museo’;
letter-spacing: 1px;
}

.primary_content_wrap ul li a:hover {
text-decoration: underline;
}

#content {
float: left;
width: 674px;
padding: 0 31px 0 0;
}

#content-sub {
float: left;
width: 600px;
padding: 0 31px 0 0;
}
==========================================================