Styling the scroll-bar with CSS; code not doing anything?


Trying to play around with how scroll-bars look (some elements on my site overflow and automatically display a vertical scrollbar).

I added the following code into my page’s custom code head section, but it’s not doing anything. Currently testing it on the 4th block of the ‘services’ section.


::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;

/**  STYLE 2 */
#style-2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;

#style-2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;


Here is my site Read-Only: