Website Building » Squarespace » How Do I Style a Form in Squarespace?

How Do I Style a Form in Squarespace?

Last updated on December 30, 2022 @ 6:50 pm

There are many ways to style a form in Squarespace. One way is to use the <p>, <b> and <u> tags to style the text. Another way is to use CSS to style the form.

To style a form using the <p>, <b> and <u> tags, you will need to add the following code to the <head> section of your HTML document:

PRO TIP: – Do not attempt to style a form in Squarespace unless you are a experienced web developer.

– Squarespace’s form styling is complex and can be difficult to understand.

– If you are not careful, you can easily break the form and cause it to malfunction.

<style>
p {
    font-family: sans-serif;
    font-size: 16px;
    color: #666;
}

b {
    font-family: sans-serif;
    font-size: 16px;
    color: #000;
}

u {
    font-family: sans-serif;
    font-size: 16px;
    text-decoration: underline;
}
</style>

After you have added the code above to the section of your HTML document, you will need to add the following code to the section of your HTML document. This code will create a form with two input fields and a submit button. You can style the form however you like using CSS.

<form action="/action_page.php">
First name:
<input type="text" name="firstname" value="Mickey">
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.