Jump to content

Newsletter Block Custom Form Font

Go to solution Solved by Lesum,

Recommended Posts


I am updating a website for a client by implementing all her new branding (I am not a web designer) and globally across her site she has in her footer a Newsletter sign up block that I have managed to change the header title font but I can't seem to get the form field text and the button font to change to the same font ('Avenir Light')

I have tried 

.newsletter-block .newsletter-form-button { font-family: 'Avenir Light'; }


.newsletter-block .newsletter-form-text { font-family: 'Avenir Light'; }

and it didn't do anything...


Thanks in advanced! The website is https://www.handleandhone.com/


Link to comment
  • Solution

@CMDesign_RidgeMeadows You can try this code snippet:

.newsletter-block .newsletter-form-header-title {
	font-family: 'Avenir Light' !important;
.newsletter-form .newsletter-form-field-element {
	font-family: 'Avenir Light' !important;
input.newsletter-form-field-element.field-element::placeholder {
	font-family: 'Avenir Light' !important;
span.newsletter-form-button-label {
	font-family: 'Avenir Light' !important;

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.