Jump to content

Custom font in form-block placeholder

Recommended Posts

Any help is highly appreciated.

I want to change the placeholder font in my forms but don't know how to address it.

This is the code I have already been using:

 .sqs-block-form .field-list .title {
    font-family: 'NunitoSansLight' !important;
    }

.sqs-block-form .field-list .caption-text {
    font-family: 'NunitoSansLight' !important;
    }

.sqs-block-form .sqs-editable-button {
    font-family: 'NunitoSansLight' !important;
}

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

 

Bildschirmfoto 2023-12-13 um 11.43.29.png

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Try adding this to Custom CSS:

.sqs-block-form .field-element::placeholder {
   font-family: 'NunitoSansLight' !important;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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.