How to change category text size

Last updated
You can change the font of your categories names.
 

Product Browser

How to change look of category names in product browser?

Use this CSS code (how to use it): 


  div.ecwid-productBrowser-subcategories-categoryName {
  font-size: 16px;
  color: black;
}

Replace the values (size, color) above with the ones you want.

Horizontal Categories

If you want to change the size of category names in the 'horizontal categories' widget, use this CSS code:


/* root categories, first level category links */ 
span.ecwid-categories-category { 
  font-size:16px; 
} 
/* subcategories, second level category links */ 
div.ecwid-categoriesMenuBar span.ecwid-categories-category { 
  font-size:14px; 
} 
/* 3rd, 4th, etc level category links */ 
div.ecwid-categories-MenuBarPopup div.ecwid-categoriesMenuBar span.ecwid-categories-category { 
  font-size:13px; 
}   

Replace 16px, 14px and 13px with any values you want.

Vertical Categories

How to change look of category names in vertical categories widget?

Use this CSS code: 

a span.ecwid-categories-category {
  font-size:13px !important;
  color: black !important;
}

Replace the values above with the ones you want.

 
Back to top
Was this article helpful? 0 out of 4 found this helpful