Changeing the color/style of the repeating group scroll bar

Idea
1

with all the customization that bubble offers i wish there was a way to change the scroll bar appearance. it is ugly.

2 Likes
2

You can generate CSS and place it in your app settings area in order to alter the look of your sidebar. So far I’ve only been successful with changing appearances in webkit browsers (Chrome and Safari). If you only wanted to alter scrollbars within certain areas of your app you should create Groups with custom IDs and style only child DOM elements using CSS:

::-webkit-scrollbar {
  width: px;
  height: px;
}
::-webkit-scrollbar-button {
  width: px;
  height: px;
}
::-webkit-scrollbar-thumb {
  background: ;
  border: 0px none transparent;
  border-radius: px;
}
::-webkit-scrollbar-thumb:hover {
  background: ;
}
::-webkit-scrollbar-thumb:active {
  background: ;
}
::-webkit-scrollbar-track {
  background: ;
  border: 0px none transparent;
  border-radius: px;
}
::-webkit-scrollbar-track:hover {
  background: ;
}
::-webkit-scrollbar-track:active {
  background: ;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
4 Likes
3

That looks like a good idea! Question: Where do you exactly put that piece of CSS code? I’m trying to put it in Settings --> SEO / Metatags --> Script in the body, putting all inside style tags ( and ), but nothing changes in my app… Could you give me some clues, please? :slight_smile: Thanks!

1 Like
4

Did you get solution for this?

I am also looking for similar function.

1 Like
5

Put it in Settings --> SEO / Metatags -->Script/meta tags in header and use

<style></style>

tags around it.

2 Likes
6

Awesome, Thank you

1 Like