Streaming live at 10am (PST)

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

Hello,

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.

Thanks,
N

<style>
::-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;
}

</style>

Here is my site Read-Only: https://preview.webflow.com/preview/thelacunaco?utm_medium=preview_link&utm_source=dashboard&utm_content=thelacunaco&preview=db44639fa297d967aa12b504db9df627&mode=preview