Jump to content

Change border color on form input field? Also have placeholder text inside inout field?

Recommended Posts

How can i change the border color on the input fields for my contact form?? I just want a simple 1px green solid border but i can't seem to find a way to change it. Also can i remove the input field title and have it as placeholder text inside the input field??

Link to comment
  • Replies 1
  • Views 11k
  • Created
  • Last Reply

Ordinarily, to help, one needs the url to your site. Although I think in this instance I can help you without it, it's always best practice to include it and the template name in your question.

To use the input field title as placeholder text, edit the form block. For the field(s) at issue, double click the field name. This is the field title. Cut it. Click Edit on the right of the field. In the text area, where it says "description," paste the title. This is the placeholder text. The form title should now be blank and the placeholder text should be what was the title.

To put the border around the form fields, try this in Design > Custom CSS:

form input {
 border: 1px solid #00ff00;

This may, or may not, work. The CSS selectors can be specific to the template being used. If it doesn't work, edit your question (click on the small cogwheel icon to the right of the question title) and give the url to your site. Add the template name while you're at it. Leave a comment saying you have done so.

Let me know if this helps.


I'm a retired attorney who was asked by a friend to build a website. In a prior lifetime, in a galaxy far, far away and long, long ago, I was a computer systems analyst / programmer. I'm a novice autodidact in CSS, JavaScript and HTML learning in part by example.. I've asked questions on this forum and been lucky enough to have others help me, so I'm inclined to answer any question I can. Pay it forward.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.