Jump to content

Customize font in auto layout lists

Recommended Posts

15 hours ago, GiBaDesign said:

Site URL: https://www.erndoula.com/

How do I change the font to custom font Hamilton with custom CSS? Several pages include the colored card list blocks so I would like this to be a site-wide fix.

Try

&

* {
	font-family: 'Hamilton' !important;
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 12/3/2021 at 2:40 AM, GiBaDesign said:

Thank you. Let me be clearer, see attached image. I am looking for code to inject that will target the titles of the auto layout sections on the site so I can customize the font to Hamilton.

Screen Shot 2021-12-02 at 2.38.37 PM.png

Add this to Design > Custom CSS

div.list-section-title p, h2.list-item-content__title {
    font-family: 'Hamilton' !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 12/6/2021 at 11:40 PM, GiBaDesign said:

Actually, I was able to change the font size for the Header - Group Classes. But how do I change the size of the titles within the colored cards?

Screen Shot 2021-12-06 at 11.38.43 AM.png

Use this CSS

/* List section color box title */
h2.list-item-content__title {
    font-size: 18px !important;
}

 

On 12/7/2021 at 4:33 AM, reanakhansfr said:

Do you got the solution? If yes please share one with me too.

Can you share link to your site? We can take a look

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.