Hi,
I want to change the color of the scrollbar and used this code, but it doesn’t work:
body::-webkit-scrollbar {
width: 12px; /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
background: orange; /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
background-color: blue; /* color of the scroll thumb */
border-radius: 20px; /* roundness of the scroll thumb */
border: 3px solid orange; /* creates padding around scroll thumb */
}
In some demo versions, you have a colored scrollbar. Which code have I to use? I like the version of your demo Enfold Restaurant with the reservation tool.
Thank you and greetings, Sabine
Hey Sabine,
This might help you out: https://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div. If you need further help, then please post a link to your actual site, so that we can have a closer look.
Best regards,
Rikard
Hey Rikrad,
sorry, it didn’t help me anyway. It is the website in the private content. I only use the code, that you used in the demo version of the Restaurant …. and the place where I have to put in.
Thank you and greetings
Hi,
Thank you for the update.
The css code that you posted above should work on webkit browsers such as Chrome or Safari. Which browser are you using? For other browsers, you could try this new css property.
// https://css-tricks.com/almanac/properties/s/scrollbar-color/
Best regards,
Ismael
Hi Ismael,
thank you for the idea. I will try it. And sorry for my late answer.
Greetings,
Sabine
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
Hi,
you can close it, thank you.
Best regards,
Sabine
Hi Sabine,
Thanks for using Enfold and have a great day!
Best regards,
Nikko