Change Form Background/Text Color with Motif Theme

• 

  lukethefictionalist · Member · Jun 13, 2014 at 4:53 pm

  • Copy link
  • Add topic to favorites

  Hi, I’ve placed a volunteer form on my website, but it looks totally washed out due to the light colors of the text boxes against the white of the motif theme. Is there a simple way to change the color of the background of the form (not the theme)?

  http://playstreetprovo.com/volunteer/

  Thanks in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  pmciano · Member · Jun 26, 2014 at 4:54 pm

  • Copy link

  @lukepeterson2014

  Yes, you can accomplish such a task with CSS.

  For example, you could use this:

  #contact-form-42 form {
    background: green;
  }

  However, using CSS on a WordPress.com site requires the Custom Design Upgrade:

  Custom Design

  Let us know if you have any more questions :-)

• 

  kathrynwp · Staff · Jun 27, 2014 at 3:09 pm

  • Copy link

  Just wanted to add that you can use any specific web colour code you like instead of the base ones like “green” or “red.” You can find those codes in any colour-picker tool – I like this one: http://0to255.com/

  For example, this CSS, added under Appearance > Customize > CSS, would make the form fields’ background colour a light green:

  #contact-form-42 input,  #contact-form-42 textarea {
  	background-color: #ddf6cb;
  }

  This is what it would look like: https://cloudup.com/cx4J67y0gqz

  Just let us know if you need further help!