Jump to content

custom fonts in forms

Recommended Posts

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!

chrome_2huZ1HZ4Va.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

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)

 

image.thumb.png.59a04e812bb47f2bcd539edbb42bdb9c.pngimage.thumb.png.27f80e369771e24d58aecb2ab6fce654.png

Edited by mavlumen
fixed one thing i was asking questions about
Link to comment
  • 2 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.