Problem with category dropdowns
# 🤝helpb
breezy-nest-15119
04/05/2024, 8:01 PMHi folks! I have a problem with the category dropdowns. I don't like the default ones in Botpress, and I would like to replace them with others that are more aesthetically pleasing. I've tried doing it with Styler, but I haven't found a way. Since I don't know programming, I have to rely on ChatGPT or Claude to help me, but I'm lost.
Could you help me and tell me how I could do it? Here is an example photo of my current chatbot. Something like the one in style would be also good. Thanks!
https://cdn.discordapp.com/attachments/1225898080914899104/1225898081384529951/image.png?ex=6622cd8e&is=6610588e&hm=a35aecaf239271d04d75bfec55a36f9bdf323a171c4036eca354cbfd4cd337dd&
g
glamorous-guitar-39983
04/07/2024, 1:27 PMI can help you a bit later on when Im on my PC but what I would do is right click when you are on the page click on the inspect tool use the detector (there isnt any name for it in the dev tools but basically the square at the top left of the tools you opened. Click on that and then hover your mouse on the part of the dropdown menu and click on it. You will get a class and you will add it to your stylesheet and add the properties you want. As I said, I'll do that for you a bit later
glamorous-guitar-39983
04/07/2024, 4:06 PMNgl the worst thing I've done yet for trying to figure out something's class on my browser. Every time I try to inspect the dropdown it disappears
glamorous-guitar-39983
04/07/2024, 4:08 PMclass= css-1w9j89e-menu
glamorous-guitar-39983
04/07/2024, 4:14 PMI found this post, it might help https://discord.com/channels/1108396290624213082/1164553329372831904
glamorous-guitar-39983
04/07/2024, 5:08 PMFound it. Add this code to your stylesheet and personalize that part of the code with the colors etc like you want:
#react-select-2-listbox div div {
background-color:black!important;
color:white!important;
}
#react-select-2-listbox div div:hover{
background-color: blue!important;
color:black!important;
}
glamorous-guitar-39983
04/07/2024, 5:09 PMYou may not see immediate results using the embed script, which is the reason why I would recommend you use either the configurable script or the Shareable URL to check the style of your dropdown
b
breezy-nest-15119
04/07/2024, 6:10 PMHi! Thank you very much for the info. I will try this evening when I get home and will get back to you. Have you tried it yourself?
breezy-nest-15119
04/07/2024, 6:27 PMg
glamorous-guitar-39983
04/07/2024, 6:37 PMI tried it for modifying the dropdown menu not the buttons
glamorous-guitar-39983
04/07/2024, 6:37 PMNope
b
breezy-nest-15119
04/07/2024, 8:06 PMThat is my problem. I think I cannot be done 😦
g
glamorous-guitar-39983
04/07/2024, 8:41 PMYou want to display the buttons like that?
b
breezy-nest-15119
04/07/2024, 8:45 PMYeap. The dropdown menu looks pretty bad 😞
g
glamorous-guitar-39983
04/07/2024, 8:47 PMI know