Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
brainz

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

Question

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??

Edited by brainz
Initial Revision

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

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.

-Steve


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.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...