View
 

How to change category text size

Page history last edited by makfruit 3 months ago


 

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 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.