Change color of text entry fields on a form

• 

  bobrosinsky · Member · Feb 11, 2017 at 5:28 am

  • Copy link
  • Add topic to favorites

  I am using the “Photography” theme. My website has a black background. On the “Contact” form, the data entry fields are black. I want them to be white, so it will look more professional and be more ergonomic.

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

• 

  hawaiiwp · Member · Feb 11, 2017 at 5:43 am

  • Copy link

  Hi Bob,

  Please see the custom design post at the top of this Forum.

  “The Custom Design feature, which is included with the WordPress.com Premium and WordPress.com Business plans, works by allowing you to add CSS rules after the theme’s stylesheet.”

  If you have one of these plans, you can modify the color of the form.

  This is the code you would add to the CSS rules:

  .contact-form textarea {
      background: white;
  }
  .contact-form input[type='text'], .contact-form input[type='email'] {
      background: white;
  }
  
  You might also want a white border around your submit button and this code will do it.
  
  button, input[type="reset"], input[type="submit"], input[type="button"], .widget_tag_cloud a, .wp_widget_tag_cloud a, a#cancel-comment-reply-link, .comment-edit-link, .custom-more-link, #infinite-handle span {
      border: 3px solid white;
  }

  Cheers!
  Arlen

• 

  bobrosinsky · Member · Feb 11, 2017 at 7:20 am

  • Copy link

  Wow, thanks. I'll give it a try.