Jump to content

Newsletter Block Header Font

Recommended Posts

I've managed to change the header fonts with a OTF font I've uploaded called PPTelegraf-UltraBold.otf

But I can't work out how to change a newsletter title font. 

I've used:

.newsletter-block .newsletter-form-header-title {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
.newsletter-form .newsletter-form-field-element {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
input.newsletter-form-field-element.field-element::placeholder {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
span.newsletter-form-button-label {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}

 

But it hasn't worked.

Link to comment
  • Replies 2
  • Views 93
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

21 hours ago, ArtificialVisions said:

I've managed to change the header fonts with a OTF font I've uploaded called PPTelegraf-UltraBold.otf

But I can't work out how to change a newsletter title font. 

I've used:

.newsletter-block .newsletter-form-header-title {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
.newsletter-form .newsletter-form-field-element {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
input.newsletter-form-field-element.field-element::placeholder {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
span.newsletter-form-button-label {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}

 

But it hasn't worked.

Hi @ArtificialVisions - i believe it's because you're incorrectly referencing the font-family name, but it depends on how you installed it, and what you named it.

 

As Lesum says, please share with us the link so we can inspect your site code to give you and acurate answer! 

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.