Customize Your Squarespace Form

If you aren’t a fan of the standard contact form look on Squarespace, then you should be really excited that you found this video!! There is a super simple CSS trick you can literally copy and paste to update the look of your contact form. The code is below these notes, and the step by step tutorial is in this short video. Enjoy, and have fun customizing your squarespace site!

End credit background music provided by https://bensound.com

.field-list .field-element{

   border-color: #000000 !important;

   border-bottom: dotted 2px #000000 !important;/*change color size and type*/

   border-left: none !important;

   border-right: none !important;

   border-top: none !important;

   background-color: transparent !important;

 }

 .field-list select:focus{

   outline-color:  #000000 !important;

 }

 .field-list .section{

   border-color: #000000 !important;

 }


how to change contact form style with squarespace css.jpg

READY TO INCREASE YOUR CONVERSION RATE?

DOWNLOAD A PREMADE FORM PLUGIN FROM MY SHOP!