Searchbox highlight color

boston85719 · 2020-08-29T14:33:27.928Z

Seems like there is currently no way to choose the color that is used to highlight the selected or hovered value from the search box

Screen Shot 2020-08-29 at 9.30.47 PM

Or is there a way to change that blue color?

Screen Shot 2020-08-29 at 9.32.02 PM342×745 29 KB

Screen Shot 2020-08-29 at 9.31.54 PM342×745 28.6 KB

Screen Shot 2020-08-29 at 9.31.43 PM341×746 29.6 KB

I don’t see any selection available to make.

Does anybody know of some custom code to change it?

lottemint.md · 2020-08-29T17:50:17.957Z

Hello,

Please check out the following link:

Bubble

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

Editor:

Bubble

Bubble Editor - Just4tests6

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

boston85719 · 2020-08-29T21:10:51.275Z

Thank you so much for this. This is great. Very helpful.

I gotta take this opportunity to ask…

Do you know what would I need to change this

.tt-suggestion

to be used to do the same to a dropdown element?

lottemint.md · 2020-08-31T09:26:10.577Z

Matthew McGowan:

Thank you so much for this. This is great. Very helpful.

I’m glad to see that it helped.

Matthew McGowan:

Do you know what would I need to change this

.tt-suggestion

to be used to do the same to a dropdown element?

stackoverflow.com

Change Select List Option background colour on hover

html, css, drop-down-menu

asked by Gopesh on 02:43PM - 07 May 12 UTC

image840×199 10.5 KB

Unfortunately, you cannot change the color hover.

You can change this color only for specific browsers.

boston85719 · 2020-08-31T16:19:53.959Z

Thanks for that link. I spent some time the other day searching for ways to do it and the only way seems to create something from scratch using CSS and doing that I do not know how I would capture the selected value to pass back to a bubble workflow.

I guess I’ll just live with the built in and when the project demands it make something from scratch using bubble elements.

lottemint.md · 2020-08-31T16:51:58.758Z

Yeah, the fastest way is to use the built-in dropdown.
A bit longer way is to create a kind of reusable custom dropdown using the Bubble’s elements such as Group Focus, Repeating Group, etc.

jaos.pcl · 2020-09-20T14:05:44.506Z

Great tip!

Is there a way to customize the result list? This is what I get when trying:

Skärmavbild 2020-09-20 kl. 15.58.51

I want to change the whole “box” and not just whats inside.

lottemint.md · 2020-09-21T18:17:04.577Z

jaos.pcl:

Great tip!

Thanks!

jaos.pcl:

I want to change the whole “box” and not just whats inside.

image1540×488 16.3 KB

.tt-dropdown-menu {
    background: red;
}

jaos.pcl · 2020-09-23T17:33:51.618Z

Thank you! That did it!