Jump to content

Issue with custom css with a form

Recommended Posts

Site URL: https://www.technologytrainedbyteens.org/new-page-2

Hello,

I am trying to change the font of the select elements of the form using custom CSS (in my form, where it says January and 1), but I found a confusing result. When I was using the inspect element to find the class to change, I found this ".sqs-block-form .field-list select". The issue is that CSS classes cannot have a space in it. As it is, when I paste those classes exactly into custom css, it does not work. But, when I had a hyphen in to make it ".field-list-select", and add a hyphen in using inspect element, it works fine. How could I make it so that it is permanently fixed?

Thanks for your help.

Edited by dfeder
Link to comment
26 minutes ago, dfeder said:

Site URL: https://www.technologytrainedbyteens.org/new-page-2

Hello,

I am trying to change the font of the select elements of the form using custom CSS (in my form, where it says January and 1), but I found a confusing result. When I was using the inspect element to find the class to change, I found this ".sqs-block-form .field-list select". The issue is that CSS classes cannot have a space in it. As it is, when I paste those classes exactly into custom css, it does not work. But, when I had a hyphen in to make it ".field-list-select", and add a hyphen in using inspect element, it works fine. How could I make it so that it is permanently fixed?

Thanks for your help.

Duplicate: 

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

No problem at all guy

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.