How do I change the size of the category font so it is smaller?

I would like the categories displayed e.g. small originals, to be smaller. I have tried using other code i've found in forums but it doesn't work. I currently have this code in my custom css:

@media screen and (max-width: 575px) {
  .products.collection-content-wrapper .nested-category-children {
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;
  }
  .nested-category-breadcrumb-list-item .breadcrumb-separator {
    display: none;
  }
}

This is used to make the category tiles stacked on mobile view. I would like to add new code to make the font size smaller on desktop view, without changing the code that's already there to stack the categories on mobile view. I'm not sure how to add more code when there is already code there.

Thanks!

Rachel 

1 minute ago, rachyb said:

I would like the categories displayed e.g. small originals, to be smaller. I have tried using other code i've found in forums but it doesn't work. I currently have this code in my custom css:

 

@media screen and (max-width: 575px) {
  .products.collection-content-wrapper .nested-category-children {
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;
  }
  .nested-category-breadcrumb-list-item .breadcrumb-separator {
    display: none;
  }
}

 

This is used to make the category tiles stacked on mobile view. I would like to add new code to make the font size smaller on desktop view, without changing the code that's already there to stack the categories on mobile view. I'm not sure how to add more code when there is already code there.

 

Thanks!

Rachel 

Try this code, to see if it works;

.product.collection-content-wrapper .nested-category-children .nested-category-item {

font-size:14px !important; 

}

Adjust the font size to your liking.

thanks - unfortunately it didn't change anything

Let me know if the code works and if it has can you click solved 🙂

thanks it worked!!