Centering categories and products with CSS
Use this code to center categories and products in category and product lists.

These are the steps to add personalized CSS code to the design:

1. Navigate to Settings > Layout > Designer and launch the designer
2. Click Preferences (last icon) and enable Advanced
3. Click Customize CSS (penultimate icon)
4. Add the piece of CSS code at the bottom (copy and paste)

Publish the design (first icon in the designer window) to make sure the result is live.

The CSS code to center the text for categories and products:

#catlist > li, #prodlist > li {
	text-align: center;
}

Category list items can also be centered by adding this code:

#catlist { width: 100%; }
#catlist > li.hidden { display: none; }

Note that centering will also center the labels on categories and products. The position in label manager will then no longer correspond to the labels on the website.