Form background css

• 

  moshekahol · Member · Sep 6, 2016 at 3:17 pm

  • Copy link
  • Add topic to favorites

  Hi, I have a form in the end of my site here: kahol.co.il
  and I’m trying to change the input fields background for grey wo white…
  I will be greatfull for help with the css :)
  Thanks!

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

• 

  thesacredpath · Member · Sep 7, 2016 at 8:27 am

  • Copy link

  Hi there, I see you have gotten this taken care of. Let me know if you need further assistance.

• 

  moshekahol · Member · Sep 7, 2016 at 6:24 pm

  • Copy link

  Hi, I know it seems almost white in the form on the lower part of my site
  but it is not. I used color picker to see if it is only “in my eyes” but it seems it is not a pure white…
  The form in the upper part of my site is defined with css for background: none but is seems to not affect the lower form…
  Can I define a css rule for the lower form too? how can it be done?

  Thanks you very much!

• 

  moshekahol · Member · Sep 7, 2016 at 8:17 pm

  • Copy link

  mmm I also noticed that the form fields titels are not seen because they are white, how can I cange it so they will be black?
  Thanks again :)

• 

  thesacredpath · Member · Sep 8, 2016 at 7:47 pm

  • Copy link

  Ah yeah, I sampled and it is just off a tiny bit. Add the following to your custom CSS, which will turn all of them fully white.

  input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
      background-color: #fff !important;
  }

  This will turn the labels above the email and text area white in the footer widget area so they show up.

  #tertiary label {
      color: #fff !important;
  }