Customize category title font on main store and category pages

I'd like to change the category title font on my store, as well as the nested and parent category titles on the category pages.

Right now they're set in H2 and P2. I'd like both to be set like the List Titles, just slightly bigger (IBM Plex Mono, font weight 500, letter spacing 0.9 em, text transform uppercase, line height 1.5 em, font size 1.5 rem)

Help greatly appreciated!

31 minutes ago, springonion said:

Site URL: https://estherpatrizia.com/grrr

I'd like to change the category title font on my store, as well as the nested and parent category titles on the category pages.

Right now they're set in H2 and P2. I'd like both to be set like the List Titles, just slightly bigger (IBM Plex Mono, font weight 500, letter spacing 0.9 em, text transform uppercase, line height 1.5 em, font size 1.5 rem)

Help greatly appreciated!

Try 

.nested-category-breadcrumb {
  font-family:'arial';
}
.nested-category-title {
  font-family:'arial';
}

Change the style as you desire

Thank you so much, this works 🙂 

Is there a way to remove the line break in the breadcrumb?

Also, to show the entire path? As in Store / Clothes / Hoodies?

On 4/17/2022 at 7:56 AM, springonion said:

Thank you so much, this works 🙂 

Is there a way to remove the line break in the breadcrumb?

Also, to show the entire path? As in Store / Clothes / Hoodies?

Add to Design > Custom CSS

/* remove line */
h2.nested-category-title:after {
    display: none;
}

On 4/16/2022 at 7:17 PM, Beyondspace said:

Try 

.nested-category-breadcrumb {
  font-family:'arial';
}
.nested-category-title {
  font-family:'arial';
}

Change the style as you desire

Can you please expand on this? i don't understand how to change to font size from 16 pt to 20 pt for example

try it into custom css:

.nested-category-breadcrumb {
  font-family:'roboto';
}
.nested-category-title {
  font-family:'roboto';
}