Customize font in auto layout lists

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.

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

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.

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.

Add this to Design > Custom CSS

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

Thank you! That worked! Can you help now with font size? It's so small now.

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?

On 12/2/2021 at 6:44 AM, 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.

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

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?

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

Amazing! Thank you for the fix. It worked perfectly!

hi, i want to change the list section's main title to h4 of my website, i have added a custom font, but it doesnt let me change the list section's main title, what can i amend?

On 4/2/2024 at 3:19 PM, shreyakothari1234 said:

hi, i want to change the list section's main title to h4 of my website, i have added a custom font, but it doesnt let me change the list section's main title, what can i amend?

Use this code

[class*="list-section"] * {
	font-family: monospace !important;
}

Replace monospace with your font

If it doesn't work, you can share link to page where you use list section, we can check easier