Change color of contact form boxes (Mentor)

Hi everyone,

I am working on a site with a dark blue background using the Mentor template (which should be Brine template family) and for some illogical reason the text inside the boxes in the contact form is linked to the body text colour of my site. Which means that if the text is white, the text inside the contact form will also be white.

I tried to work around the issue by changing the color of the boxes themselves, but it seems like the custom CSS just doesn't respond to my commands.

.form-wrapper .field-list .field .field-element{
background: transparent; border_bottom: 2px solid white!important
}

As you can imagine, the previous code I tried for changing the color of the boxes was this one:

.form-wrapper .field-list .field .field-element{color: #101e2b;}

Any help with the code I need to enter would be really appreciated.

Thanks,
Jacopo

Can you share link to page where you use form? We can check easier

On 5/4/2023 at 12:21 PM, tuanphan said:

Can you share link to page where you use form? We can check easier

Sure here it is! Social Changes - Contact Us

Like this?

.field input, .field texarea, .field select {
    background: transparent;
    border-bottom: 2px solid white !important;
}

On 5/6/2023 at 4:28 AM, tuanphan said:

Like this?

.field input, .field texarea, .field select {
    background: transparent;
    border-bottom: 2px solid white !important;
}

Yes, that's it! Only change I made was "textarea" since there was a typo, but thank you so much!