Jump to content

Newsletter Block Custom Form Font

Go to solution Solved by Lesum,

Recommended Posts

Hello!

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'; }

and

.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/

screenshot-www.handleandhone.com-2023.09.11-12_05_59.png

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. 

Sam
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.