Squarespace newsletter forms are great, but you can customize them to make them look even better! Here is a quick How To Squarespace tutorial detailing the code to use to style the Squarespace Newsletter Form.

Before styling:

After styling:

Step by Step:

In your squarespace editor menu, click Design > Custom CSS

To customize the form fields and add the colored bottom border, copy & paste this code in the css editor:

To make the bottom border thinner or thicker, you just need to adjust the border-bottom size (here I am using 4px, but you can play with the number to adjust the size - feel free to play with it!)

To adjust the size of the fields in order to make them smaller, add this code below:

To change the size of the newsletter form button (Sign Up), add this code below:

Save, and… Voila!

You might also be interested in these articles: