I'm trying to add CSS to make the configurable list widget match the rest of my form

Hi, I'm trying to add CSS to make the configurable list widget match the rest of my form, and my web site, but it's not working.

I have checked the current injected code to your widget and I can see you're using the following classes ".dropdown" ".number", they do not exist in the widget, note that in order to modify the widget you must use the correct classes, otherwise the code will not have effect. 

You may use the developer tools to find the correct classes or ids: 

This guide will help you using the developer tools  and finding the correct elements: https://developers.google.com/web/tools/chrome-devtools/?hl=es 

Here's an example using the same code you have, but using the correct identifiers: 

I hope this helps. 

Yes, I changed it to those classes because that's how it's presented in the
widget tutorial, and standard classes don't work.
You can change some attributes, but not all using standard classes.
"Select" and "number"
Any ideas?
...

If that is the case, then you need to target the parent element of the dropdown.

Please tell us what are the changes you would like to do in the Configurable List widget. Would you like to change the width, text color or font color?

Let us know so that we can provide a custom CSS for you. Thank you.

I'd like it to match the upper part of the form exactly.  I've tried every parent, every class imaginable.  can't get anything to work properly.  to top it off, when I embed it on my squarespace site, it inherits some, but not all of the CSS from that page.

I'd love it if you could help me out with the CSS to match, but i thinkt he widget is pretty flawed by design.  this shouldn't be so hard.

Normally, if you want to inject a CSS for a particular widget, you need to do it inside the Widget Settings.

I have checked your form and it seems that you managed to fix the issued. Here's a screenshot:

If you need further help, please let us know. Thank you.