Okay
  Public Ticket #2487062
Product Category Formatting
Closed

Comments

  •  7
    lofoxx started the conversation
    July 28, 2020 at 12:44pm

    Hi there,

    I am trying to format the categories at the top of the page so they are spaced better and the text does not overlap. What CSS can I use to change the category spacing?

    Thanks!

  •  1,558
    Laborator replied
    July 28, 2020 at 1:04pm

    Hi there,

    Add this CSS to Custom CSS:

    .woocommerce .shop-categories .product-category a {
    white-space: normal;
}
.woocommerce .shop-categories .product-category .woocommerce-loop-category__title, .woocommerce .shop-categories .product-category h3{ 
    letter-spacing: 0;
    line-height: 1.5;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  7
    lofoxx replied
    July 28, 2020 at 1:25pm

    Beautiful, that did the trick. Is there a way to get more than 6 categories in that row?

  •  1,558
    Laborator replied
    July 29, 2020 at 8:27am

    Hi again,

    You can add up to 10 categories in that row.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group