Mia - Custom Category Pages

The Mia theme comes with built-in custom category pages. All of the categories on your site will automatically format into the grid format shown below. In this article, we'll go over some common questions and issues with the category pages.

How to create new categories

Click here for instructions!

Adding a category page title

By default, the category title ("Europe" shown in the screenshot above) will not display. Click here for instructions on adding titles. 

Setting up the "Sort By" menu

The Sort By menu is comprised of the subcategories for whatever category you're in. In the screenshot above, Spain, France, United Kingdom, Mediterranean, Germany, and Italy are subcategories of the Europe category.

To create subcategories, go to WordPress > Posts > Categories. On the left, give your new subcategory a name. Under the "parent category" drop-down, select the category you would like it to display under. Then click Add New Category. Repeat for as many subcategories as you need.

Once you've set up subcategories, the Sort By menu will automatically display on the parent category page. The Sort By menu also displays on all subcategories within the parent category for easy navigation between subcategories.

Remove the "Sort By" menu

If you'd like have subcategories on your site but NOT display the sort by menu, here's how to remove it:

  1. Click here and copy the code.
  2. Go to WordPress > Appearance > Customize > Additional CSS.
  3. Paste the code in the box, and then click Publish to save. If you have other code in the Additional CSS box, add it at the top.

Images are displaying at the wrong size

If the images on your category pages are displaying at "inconsistent" sizes, you'll need to regenerate your thumbnails. If some of your images are still not displaying correctly after regenerating, they're likely not large enough to be resized – see this article for details.

Changing the image size

If you would prefer to use a different image size on the category pages (i.e. square or horizontal images), click here for the tutorial.