How to Style Contact Forms in Squarespace // Squarespace CSS Tutorial

Just getting started with Squarespace CSS? Awesome! ๐Ÿ˜ I want to teach you the basics โ€“ grab my free Getting Started Guide here ๐Ÿ‘‰ https://insidethesquare.co/learn
โ€”
๐Ÿฅณ Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10
โ€”
๐Ÿ’• Love this free Square space tutorial? You can donate via Paypal to help support my YouTube Channel https://www.paypal.com/paypalme/insidethesquare
โ€”
Contact forms are one of the top customization requests I see from clients, so in this tutorial, I cover the six major element names I use when customizing contact forms:

:: The field names like name, email, and subject.
:: The form fields themselves so you can get creative with borders and backgrounds
:: The caption that shows up under those form fields
:: The labels for radio and checkbox options, because the standard setting makes these too dang tiny for me.
:: And finally, the big kahuna- the submit button โ€“ because those are a perfect place to add some style!

I created a free cheat sheet for this tutorial that lists all of those and has two pre-made contact form styles. One of them even shows you a cool 100% width effect for that submit button.

Anywho, enough talking about it โ€“ itโ€™s time to start coding! Check out the video, and be sure to download the freebie too: https://insidethesquare.co/form

โ€”
๐Ÿคฉ Ready for more codes? The codes in this tutorial are just the beginning of all the cool things you can do with Custom CSS! When youโ€™re ready to dive in and start customizing, you can use codes from my CSS Cheat Sheet. It has over 30 pages of code snippets and pro tips to help you get started. Download your copy ๐Ÿ‘‰ https://InsideTheSquare.co/css
โ€”
๐Ÿฅณ Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10
โ€”
๐Ÿ™‹ Need some help? Visit โ€‹https://insidethesquare.co/code-helpโ€‹ to see my current support options.
โ€”
The term โ€œSquarespaceโ€ is a trademark of Squarespace, Inc. This content is not affiliated with Squarespace, Inc. I just really love their platform โ™ฅ
โ€”
#squarespace #squarespacecss #howto #customizesquarespace #css #squarespacetricks #squarespacehacks #squarespacetips

You May Also Like