Jump to content

Change form field color

Go to solution Solved by bycrawford,

Recommended Posts

@Ptphotography Use this code:

.form-wrapper .field-list .field .field-element {
    width: 100%;
    padding: 12px;
    margin: 6px 0 4px;
    border: 1px solid #ccc !important; /* Change Border Colour Here */
    background: #fafafa; /* Change Background Colour Here */
    color: #000;  /* Change text Colour Here */
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 2px;

Let me know how it goes

Get Our MultiCurrency Extension for Your Site (7.0 & 7.1)

Feel free to reach out for help and projects!

The Squarespacer Limited

Link to comment
  • Solution
1 hour ago, Ptphotography said:

So cool thank you so much!

To wrap it up, how do we change the grey stroke red as well?


Many thanks,

Hey K - use this:

.form-wrapper .field-list .field .field-element:not(.button) {
  background: red;
  border: solid 1px red;


Sam Crawford | by Crawford.
Multi-award-winning Squarespace expert
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
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.