Contact Form Help Needed

• 

  ashou1 · Member · Dec 13, 2016 at 2:50 pm

  • Copy link
  • Add topic to favorites

  Hi there! I’d like to customize my Contact form. I’d like the white fields to be white with 50% transparency and the text outside those fields to be white, and the submit button to have a #40BB98 background with white text and the whole form to have a background with color #40BB98 with 50% transparency. Would someone help me with that code? Appreciate the help!

• 

  senff · Staff · Dec 13, 2016 at 4:18 pm

  • Copy link

  Before we can help you, can you give us a link to your site? That way we can see what code you’ll need to change.

  Thanks!

• 

  ashou1 · Member · Dec 13, 2016 at 6:14 pm

  • Copy link

  Sneff, sure thing. It’s flockx[dot]com.

• 

  senff · Staff · Dec 13, 2016 at 10:28 pm

  • Copy link

  Try adding this CSS:

  .contact-form {
  	background: rgba(64, 187,152,0.5);
  }
  
  .contact-form label,
  .contact-form div label span {
  	color:#ffffff;
  }
  
  .contact-form input[type='text'],
  .contact-form input[type='email'],
  .contact-form textarea {
  	background: rgba(255,255,255,0.5);
  	border:none;
  }
  
  .contact-form input[type="submit"] {
  	background:#40BB98;
  	color:#ffffff;
  }

• 

  ashou1 · Member · Dec 13, 2016 at 11:31 pm

  • Copy link

  Senff it worked! I even taught myself how to do some enhancements to the code. I added the fading boarder and the inner colors of the forms as well!

  Thanks a lot for your help! :)