Change font only for listing titles (District theme)

Solved

Change font only for listing titles (District theme)

Coneboh
Visitor
2 0 0

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!

Accepted Solution (1)

AcidPi
Shopify Partner
61 14 16

This is an 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

View solution in original post

Replies 2 (2)

AcidPi
Shopify Partner
61 14 16

This is an 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
Visitor
2 0 0

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