Jump to content

Custom font on image block (poster)

Recommended Posts

Site URL: https://www.bijouxcreative.com/font-test-page

I've recently uploaded a font called "Analogue" to my custom files.

I've successfully implemented code to change the h1 and h3 styles as I wanted, however I can't figure out how to change the h1 Title font when using an image poster, as this is set within Site Styles. I've included the url for my test page below;

https://www.bijouxcreative.com/font-test-page

Please could somebody help?

Thanks 

Link to comment
  • Replies 1
  • Views 962
  • Created
  • Last Reply

That's because squarespace is actually using paragraph element (<p></p>) in the image poster. So the code you applied for h1 have no effect on it. You can try implementing the same code for paragraph element. However, it will affect all paragraph elements if you're planning to do it through custom CSS. Alternatively, you can create a code block in that page and modify the paragraph element which will only affect that particular page.

If you insist on using custom CSS, try the below code:

.image-title sqs-dynamic-text {
	font-family:
	font-size:
}

image-title sqs-dynamic-text is the class of the div that contains the title text of your poster. I have not tried it myself but technically it should work. Insert the font name and size.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.