custom fonts in forms

Hello!

I've successfully added custom fonts to my website headers and body text, but I'm running into trouble with the forms.

I managed to make the text for the fields of First & Last Name to the correct font, but the email and message fields are not. The descriptors for each form field is also not customized. I included a screenshot.

My code is:

.contact-form .contact-form-header-title {
  font-family: 'gingko';}

.form-wrapper .field-list .field .caption .field-element {
  font-family: 'phaedra';}

Please let me know what I'm missing!

I've also noticed that my website uses default fonts (instead of my custom ones) on my portfolio's navigation/titles etc.

my website portfolio can be found at mavericklumen.com/portfolio & the contact form is /contact.

EDIT: i managed to sort this part out on my own! however, I still need help getting the contact form to display my custom fonts, it's the only thing eluding me!!

the password to view it right now is Maverick Lumen WIP 0117 (no spaces)

Maverick Lumen WIP 0117

Incorrect password

It's working for me? I've also shared that same password with friends to get feedback on design pieces and it has worked for them.

On 12/5/2022 at 6:00 AM, mavlumen said:

It's working for me? I've also shared that same password with friends to get feedback on design pieces and it has worked for them.

Hi,

It doesn't work here. See video: https://www.loom.com/share/63b7a6d013bd4f078b03a01cfc4ba07e

Does anyone have a solution to this? I need to change the font of the forms on a website of mine as well. I have it changed everywhere else on every thing expect the form.

On 2/10/2023 at 12:50 AM, s-andrews said:

Does anyone have a solution to this? I need to change the font of the forms on a website of mine as well. I have it changed everywhere else on every thing expect the form.

You can use some code like this

div.form-block * {
	font-family: monospace !important;
}