Changing form input/text colour

Site URL: https://www.brandonscott.media/contact

I am trying to change the colour of the text in my form to white. I have some css making the form block only underlined with a transparent back, and some css that only changes the first two input fields text to white. I have looked at other posts on this forum however they still only changed the first two input fields text colour. Is there some css that I should use to make all fields text turn white?

Website: https://www.brandonscott.media/contact

css for underlined form

// Solid Underline Form // 

.field-list .field-element{
    border-color: #ffffff !important;
    border-bottom: solid 2px #ffffff !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background-color: transparent !important;
  }
  .field-list select:focus{
    outline-color:  #ffffff !important;
  }
  .field-list .section{
    border-color: #ffffff !important;
  }

css for changing the first two inputs text to white

// Form Text Colour //

.form-wrapper .field-list .field .caption .field-element {
    background-color: transparent !important;
    color: white !important;

Thanks in advance.

Hi,

It looks like you figured it out?

13 hours ago, tuanphan said:

Hi,

It looks like you figured it out?

Sorry, I guess I should have been more clear in my initial question, what I am trying to do is change the input from a user (i.e. the users input for first name, last name, email, and comment). As of right now when a user enters their first and last name the text is white, but when someone puts in their email it shows up black. I am looking on how to change that font colour to white.

On 8/5/2022 at 4:10 AM, Brandon05 said:

Sorry, I guess I should have been more clear in my initial question, what I am trying to do is change the input from a user (i.e. the users input for first name, last name, email, and comment). As of right now when a user enters their first and last name the text is white, but when someone puts in their email it shows up black. I am looking on how to change that font colour to white.

Use this CSS

div#block-5f4ac623c656937e8255 .email input {
    color: white !important;
}

22 hours ago, tuanphan said:

Use this CSS

div#block-5f4ac623c656937e8255 .email input {
    color: white !important;
}

 

Thanks, this worked great. Also how would I go about doing this for the text area field?

On 8/10/2022 at 6:51 AM, tuanphan said:

Use this new code

div#block-5f4ac623c656937e8255 {
.email input {
    color: white !important;
}
textarea {
    color: white !important;
}}

 

Worked great, thanks so much.