Showing all subcategories on homepage makes blank white areas among categories

  • Donna
    Newbie 23 points
    July 22, 2016 at 7:31 pm

    I am using Page Builder for my homepage in Directory Theme with Teslia child theme.

    On my homepage, I am using Category Style 2 and showing images for categories, 3 per row. I am also showing all of my subcategories under the categories. Some categories have only a few subcategories and some have many.

    If there are too many subcategories, the next row of categories is displayed unevenly with only 1 or 2 categories per row leaving blank white blocks of space. See attached image. I understand it is supposed to work this way and it would work properly if I showed fewer subcategories or no subcategories. But I want to show all subcategories.

    I would like to force every row of categories to start down far enough on the page that there is space for all 3 categories in the row, without leaving big blank white chunks. See attached image. Is there some way I can manipulate this with CSS?


    Sorry for the double uploads of the files below. I made a mistake and can’t see any the option of deleting the 2 extra files.

    You must be logged in to view attached files.
  • Donna
    Newbie 23 points
    July 25, 2016 at 7:45 pm

    I submitted a support ticket and got a reply which fixes the problem.

    Try adding this CSS code in Theme setup > Custom CSS box to defined fixed height for subcategories box and to show all items correctly in all rows:
    .wlt_builder_category.style2 .media-body {
    height: 116px;

  • Josh
    Super Guru 13,875 points
    July 26, 2016 at 2:15 pm

    Thanks for sharing Donna 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes