Jump to content

Form input fields - change icons colour

Recommended Posts

Posted (edited)

Hello there,

Could someone point me to where to change the colour of 'arrow icon' (for dropdown field) and 'calendar icon' (for date field) in forms - input fields? Can't seem to locate this as an option within the form style or when editing colour themes for site or forms. Have included screen shot of form in question - see arrow and calendar icons appear black in 'Darkest' colour theme.

https://seal-cuboid-yg96.squarespace.com

PW: NorthFreoBowlo2024

Thanks for any help.

Screenshot 2023-10-25 at 1.03.24 pm.png

Edited by insomniadesign
added URL to message body
  • 2 weeks later...
Posted

Tbh I'm not exactly sure what resolved it. Attached is a screen shot of the colour options selected within the colour theme - Site styles > Forms > Colours > Form text.  See the ones marked as white (Button text, Input on background and Button text on background). I'm assuming it must be one of these that eventually worked - but not until 24 hrs or so later.

Screenshot 2023-11-08 at 8.08.14 pm.png

  • 7 months later...
Posted

This worked for us. It's not the greatest solution, but it currently does the trick.


/* Drop down arrow from phone code */
.qnsonuJxOV3wTlPalXk7 svg path {
  fill: white;
}
 

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.