Big white scrollbars on text overflow

When setting a CMS text field to auto overflow scrolling, the scrollbar shows up but it is really big and annoying. How could I style it to be smaller and dark? Is that really the default scrollbar or is there something wrong?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey,

Could you try this for me:

<style>

.hosts-description {
    overflow: scroll;
    overflow-x: hidden;
    overscroll-behavior: contain;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
    border-radius: 15pt;
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #6165ff;
    border-radius: 15pt;
}
</style>

If this works, just edit the paramaters to suit your design.

Hope it helps man,

Tom

:webflow_heart: @ Flowbase.co

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.