Jump to content

Change the Product Breadcrumbs Padding

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I've been playing around with the CSS seeing if I could jostle free a few of the brain cells I had last time I played with it over 10 years back and to my surprise I managed to figure it out that way.

I'm not sure its the Right way to do it but the code I used was 

/* Change Top Breadcrumb Size */
h3.nested-category-title {
    font-size: 40px !important;
    padding-top: 5px !important;
    padding-bottom: 7px !important;
.collection-content-wrapper {
      padding-top: 10px !important;

.nested-category-breadcrumb {
    font-size: 20px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;


This Also changes the font sizes of the product title and breadcrumb FYI.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.