Title says it all, is there a way for us to customise RG scroll bar? I’d like to make it a different colour (branding) and make it shorter and make it visible permanently (rather than only when scrolling) as it’s not always obvious it’s scrollable.
Thanks in advance
This code snippet removes Scrollbar completely.
Remove scrollbar-width:none and display:none from the above code snippet and replace them with attributes like color, bg color, shadow etc as per your requirement from this blog post
PS: Found that code snippet somewhere in this forum itself.
Hey @jessefarquhar48,
You sure can use the following code.
(http://uploads.newhorizoncode.io/dOcBIF)
Edit: Further, in the attached image, please note, targetScroll is referencing a Bubble elements, ID attribute. Without that, the CSS will attach itself to every scroll bar on the page.
For Bubble help, reach out via Bubble Coaching | New Horizon Code for your free 30-minute coaching session.
Happy bubble’n
Thanks, but where i am i putting this code? I’ve never done that before.
Hey @jessefarquhar48,
Place it within an HTML element on your page.
For Bubble help, reach out via Bubble Coaching | New Horizon Code for your free 30-minute coaching session.
Happy bubble’n
Doesn’t seem to do anything.
You will need to embed the CSS in some style tags.
<style>
The CSS goes here.
</style>
For Bubble help, reach out via Bubble Coaching | New Horizon Code for your free 30-minute coaching session.
Happy bubble’n
