Customizing Contact Forms

At times you get tired of your forms looking weird so you’d like to change it. Well it can be done with just one simple css code.

Go into your style sheet, find a spot where you want it to be. I’m going to start with the name. Mine will be input, option, textarea, select{
Next I’m going to add an effect to it. For instance if I want a border on it or a certain text color, I will add the following code underneath the name:
border: 1px dashed #71C9BE;
color: #C2B89A;
After that you can add whatever effect you want to add to it. I want my background to be transparent. Also I don’t want area inside my form to my little so i’ll add some padding. The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element.
background:transparent;
padding: 10px;
Now i’ll close it up with } and i’m done. All together my code look like this:
input, option, textarea, select{
color: #C2B89A;
background:transparent;
padding: 10px;
border: 1px dashed #71C9BE;
}
My form will looking something like