Reply To: Style Scrollbars

Hi,

I would like to style the scrollbar at 2 locations:

Location 1) I have added id #menuscrollbar for visual composer element ‘WP Custom Menu’ for an HTML block that is set for a product category element on navigation menu.

I have added this css code already:

#menuscrollbar{
height:200px;
overflow:auto;
overflow-x:hidden;
}

—-

Location 2) WP Product Categories widget on shop page sidebar:

I have added this css code already:

#woocommerce_product_categories-1 .product-categories{
height:300px;
overflow:auto;
overflow-x:hidden;
}

I added the following css code I found in forum that does not style the scrollbar:

#woocommerce_product_categories-1 .product-categories::-webkit-scrollbar {
	width: 3px;
}
#woocommerce_product_categories-1 .product-categories::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,.15);
}
#woocommerce_product_categories-1 .product-categories::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.25);
}
#woocommerce_product_categories-1 .product-categories::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.25);
}

Please check Private content for URL and locations of scrollbars.
Thank you