contact boxes

• 

  9thartwave · Member · May 2, 2013 at 3:32 pm

  • Copy link
  • Add topic to favorites

  hello, how can i change the color of the contact boxes (make it pure black for instance)

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

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · May 2, 2013 at 3:37 pm

  • Copy link

  You would need to purchase the Custom Design addon for WordPress.com, then add some CSS to change the colors.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · May 2, 2013 at 3:38 pm

  • Copy link

  you could use some css like the following:

  
input[type="text"] {
background: black;
color: white;
}


• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · May 2, 2013 at 3:38 pm

  • Copy link

  gah, sorry for the formatting:

  input[type=”text”] { background: black; color: white; }

• 

  kraftbj · Staff · May 3, 2013 at 3:46 am

  • Copy link

  Hi,

  Do you mean the input fields (the boxes visitors type in for their name, email) on http://9thartwave.com/contact/?

  If so, you can add this CSS:
  .contact-form input[type='text'], .contact-form input[type='email'] {
background: black;
color: white;
}

  This would make the input boxes black while the text inside the boxes white.

  Is that what you’re wanting?

• 

  kraftbj · Staff · May 3, 2013 at 3:47 am

  • Copy link

  Er, that code didn’t copy very well.

  A second attempt:
  .contact-form input[type='text'], .contact-form input[type='email'] { background: black; color: white; }

• 

  9thartwave · Member · May 6, 2013 at 5:00 pm

  • Copy link

  hey, maybe i did not describe it well. I mean to make tha lines of the boxes darker (black now they are grey) so they will be clearer…not the background

• 

  kraftbj · Staff · May 6, 2013 at 5:05 pm

  • Copy link

  Sure. Add this to your CSS:

  textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  border: 1px solid #000;
  }

  The #000 is your color (black), if you need a different color, you can find the hex code for it here: http://www.color-hex.com/
  (usually, it’s six characters, like #000000, but #000 is a shortcut in this case).

• 

  9thartwave · Member · May 6, 2013 at 5:09 pm

  • Copy link

  perfect thanks