Hi, Can you provide me the code to
1 - change the font
2- change the font color
3- change the font size

Can you also tell me how to add a date and time field?
Thanks,

Dear Michelle,

For your first three requirements, could you please kindly give us the link to your form page, so we can give the exact CSS code? Also please mention what font, color and size you need to have.

As for your question about date and time, I made an animated screenshot for you as a guide. Please check it within this link:

gyazo.com/2e42c451a3c6945cead63c2f1833bc4a

Thank you!

Thanks for the guide!

Site: smbtestsite.com
Font: Roboto Slab
Color: 676767
Size: 11

Dear Michelle,

Thank you for the details!
Could you please add this code to your form theme (from Form Options > General Options), and see if the styles are as you need them to be?

.wdform-label {
    font-family: inherit !important;
    color: #676767 !important;
    font-size: 11px !important;
}
.wdform_column p,
.wdform_column textarea,
.wdform_column input[type="text"],
.wdform_column select {
    font-size: 11px !important;
}

Hello, I reviewed the tutorial and it looks as though it is a differenct product. I am using Contact Form Builder.
Thanks!

Dear Michelle,

Yes, you have Contact Form Builder, I have changed forum topic category accordingly. But the code was given based on your website form, so it shall work.

Thank you!

The coding worked perfectly for the font, size, and color. The only issue I can't seem to resolve is the time and date fields.
Can you tell me how I can add time and date fields?
Thanks so much!

Dear Michelle,

Please specify this problem a little bit. Are you unable to save those fields, or their options aren't available within Date field settings?

Could you please make an animated screenshot of the problem with Gyazo, as I have made one here: gyazo.com/2e42c451a3c6945cead63c2f1833bc4a ? This way we will have a better understanding of the problem.

Please download Gyazo from this link: gyazo.com and install it to your computer.
Thank you in advance!

It seems we might not be talking about the same product. On the contact form builder there doesn't seem to be a way of adding fields or changing field types. I have attached a screenshot of my view.

and another

Dear Michelle,

We are, indeed, looking at different products. I am sorry about that. Unfortunately Contact Form Builder does not have Date or Time fields.

In case you need to use those two fields, Form Maker is the plugin you need. You can find out more about it here: web-dorado.com/products/wordpress-form.html .

Thank you!

I'm happy with the font sizes, but simply wish to change them to Roboto. My site is www.johndrew.com . Can you please tell me how to change the font style to Roboto?

Thanks for your help.

Best regards,

John Drew

Dear John,

Could you please add the following CSS code to the very end of your form theme? The font will be changed on your form to Roboto:

.wdform_section * {
    font-family: 'RobotoRegular' !important;
}

Thank you, Agapi,

I did that, but the words "Contact Me" in the heading still appear in their original font. Is there a way to change "Contact Me" to Roboto?

Best regards,

John Drew

Dear John,

Could you please also add this code to the form theme? If it won't work, you can add it to style.css file or custom CSS editor of your website theme:

form[class^="contactform"] * {
    font-family: 'RobotoRegular' !important;
}

Carefully following your instructions, I attempted every CSS option sent to me:

form[class^="contactform"] * {
font-family: 'RobotoRegular' !important;
}

The above, I added to the form theme, but do not know where to add it in my website theme.


I've also tried the following:

Go to Manager>The form you use. Here open up Form Options>General Options. Next to Theme you will see Edit CSS button. Press the button and add the code. The font will be shifted to your desired font:

.wdform_section {
font-family: 'RobotoRegular' !important;
}

None of these options have worked. Any ideas?


Best regards,

John

Dear John,

Could we please take a look at this from your website backend? Please give us temporary WordPress admin access to your website. You can send the information to [email protected].

Our development team will take a look at the problem and add the CSS code so that the changes apply properly.

Please make sure to include the link to this forum topic in your e-mail.
Thank you in advance!