Scroll bar customization

Ask the community
, ,
1

Question:
I can’t change the scroll bar of my site.

Product:
Wix Studio Editor

What are you trying to achieve:
Change my scrool bar

What have you already tried:
Chang global css file.

Additional information:
The code that I used:

::-webkit-scrollbar {
width: 12px!important;
height: 12px!important;
}

::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2);
}

::-webkit-scrollbar-track {
background: rgba(0,0%,100%,.1);
}
`;

2

This won’t be possible as Wix Studio CSS only supports class selectors and not element selectors.

More info on CSS support is here:

3

I was able to change the scrollbar on my site if he takes his code with these tags

<style>
::-webkit-scrollbar {
width: 12px!important;
height: 12px!important;
}

::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2);
}

::-webkit-scrollbar-track {
background: rgba(0,0%,100%,.1);
}
</style>

and puts it in a custom code on the site’s dashboard in the Head The code will run and the scrollbar of his site will change It is important to check the performance of the site afterwards that everything loads perfectly