Change font only for listing titles (District theme)

[Coneboh]

Greetings all,

I'm looking to change the font for the titles of my listings (when viewing from homepage or when browsing) without changing the font for anything else. I'm currently using the District theme, and being a third-party theme, it's hard for me to find any other threads that outline a solution for what I'm looking to do. If anyone has a solution, it'd be hugely appreciated!

[AcidPi · Accepted solution]

Hi,

Add this CSS via Theme Settings > Custom CSS.

Add custom styles to your entire online store.

Update font-family: new font;

home page and collections

.product-grid-item__title,
.product-card__title{
  font-family: Segoe UI;
}

home page, collections and product page.

.product-grid-item__title,
.product-card__title,
.product__title{
  font-family: Segoe UI;
}

Further info on system fonts, custom fonts etc. as you will need to "install" or make a new font available to your theme if its not already

https://shopify.dev/docs/storefronts/themes/architecture/settings/fonts

Regards

[Coneboh]

That did it, thank you so much for the help!