Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Change the Product Breadcrumbs Padding

Recommended Posts


Does anyone know how to alter the heading of the padding on the product 514933221_Annotation2020-08-25215727.thumb.jpg.29482775c07b780f9a7508ac6fd8d9cc.jpgs?

I like the feature but it doesn't need to take up anywhere near that much space on the page. I'd like it to just be barely larger than the text.

Many thanks in advance!

Link to post
  • 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 post

Have you solved this yet? If no, let me know, we can give the exact code

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

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

  • Create New...