How to make text area not resizable on squarespace

ghz 8months ago ⋅ 58 views

Hi I'm trying to make a text area in a contact form not resizable on squarespace a website builder.

In the section to add custom css I tried with textarea { resize: none; } but it's not working. Does anybody know how to do it?

Answers

To make a textarea not resizable in Squarespace using custom CSS, you can try the following steps:

  1. Go to your Squarespace website's admin panel and navigate to the section where you can add custom CSS. This is usually found in the "Design" or "Customization" settings.

  2. Once you're in the custom CSS editor, try adding the following CSS code:

textarea {
  resize: none !important;
}
  1. Save the changes and then refresh your website to see if the textarea is now non-resizable.

If the above code doesn't work, it's possible that there may be other CSS rules in your theme that are overriding the resize property. In that case, you can try adding a more specific CSS selector to target the textarea, such as:

#contact-form textarea {
  resize: none !important;
}

Replace #contact-form with the actual ID of the form container or the specific textarea element if it has a unique ID or class.

If you're still experiencing issues, it's possible that Squarespace has restrictions on certain styles for security or compatibility reasons. In that case, you may need to reach out to Squarespace support for further assistance.

#css