Change font color on Contact form

[rv2]

For name, email and heading for body of text OR background color of the entire contact form. 

The background is dark gray/black and the headings for each of the buttons is dark gray/black and I can't seem to get to an area to change the font color, or change the background color of the contact form.

Thanks, rv

[Adam7]

Can you provide a link to the page that has your form, @rv? It's usually easier to figure out what to change when you can see it live.

[rv2]

Thanks, for getting back to me, Adam.

I finally figured out how to change the background color, however, the top portion of the page - where I think an image was to go - I can't make go away.  I've tried to have the color blend in as much as possible, but it can still be seen.  Originally, the top matched the rest of my pages (by default), but the bottom half was black.  Put the contact form down there and that's what started this whole mess.

Any advice on fixing the top part would be appreciated.

https://www.ronilevalenza.com/contact.html

[Adam7]

Ahh, glad to hear you figured out the form background. That top part looks like a header section - go to the Pages tab and select that page, then change it from header to no-header.

[rv2]

Thanks, Adam, that worked.   Saw that before, but thought that the header was my name and the menu and all would disappear on me if I clicked on no header :~)

I've done sites that were all html coding, Coffee Cup, Drupal, Wix and now Weebly.  All have their little "quirks" and differences.  And, I admit, sometimes they get a little mixed up in this old brain.

Ronile

[Bernadette3]

That's good to hear @rv!

[Condoleeza]

Hi, I also have the same issue, I can't find where to change the color of my font in the contact form that I have put inside my header.  It is hard to see.  www.embodyfitnessclubs.com

[MTpockets2]

Hi @Condoleeza,

I went to your site but didn't see any issues. What page is the form on that is having issues? 

[Condoleeza]

On my home page, inside my header is a contact form.  The font is colored in white and gold which makes it hard to read.   I would like it to be black.  Is there a place that I control the font theme for contact forms?

www.embodyfitnessclubs.com

[Adam7]

Not specifically for contact forms, since they use the same font colors and settings as other text on the site. You might be able to get around that by using something like this:

https://www.weebly.com/app-center/content-color-box?ref=ac-search

[SuccessLawyer]

Hi Adam,

Searching through the forums, I can't seem to find the CSS code to make adjustments to the fonts within Form Boxes. Specifically, the "Name" and "Email" titles for the input boxes.

Thankfully, this code works to change the color of the input boxes and input button. Would you please share the additional code snippet to make the final change so the form is congruently white?

<style>
.wsite-form-label {
    color: #ffffff !important;
}
.wsite-button .wsite-button-inner {
    background: #ffffff !important;
}

.wsite-form-input{
       background-color: #ffffff !important;
}
</style>

Thank you!

Nick

My website is: www.costaraslaw.com.

[BJ5]

What font are you changing the form field labels to? It's probably just a matter of adding that to the code you already have.

[SuccessLawyer]

Thank you for the response, BJ!

Looking to change the font color of form fields to white.

Although, ideally I'd prefer to remove the form fields altogether and add the titles inside the input text box. Are you familiar with how to do that?

For example, see the input boxes above the fold on this website: https://lewishowes.com/.

[BJ5]

That's more complicated (although I agree it looks better). Hmm... for a form that looks like that, I'd consider looking at form options in the App Center with the link above just to see. If there's one there it'll save you some trouble needing to try and style it.

[SuccessLawyer]

Great suggestion, thank you! Any apps you recommend?

[BJ5]

I haven't personally used any, although looking through some of them these ones showed examples in the images where the label is part of the field itself:

https://www.weebly.com/app-center/easy-contact-form?ref=ac-search

https://www.weebly.com/app-center/form-builder?ref=ac-search

[SuccessLawyer]

Awesome! Thanks for the recommendations!

[BJ5]

No prob!

[Roessler]

Color box doesn't work for me.  I definetly need to change the font color on my contact form.

[Bernadette3]

I think the font color may be able to be controlled depending on where on the site you add the form. Can you please post a link to the page with the form?