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.

 
Was this article helpful?
0 out of 1 found this helpful
Questions?
Get help
  • Presales Chat

    Need help choosing the right Ecwid plan? Our Sales team has the answer you’re looking for.

  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7