Okay
  Public Ticket #2487062
Product Category Formatting
Closed

Comments

  •  7
    lofoxx started the conversation

    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,069
    Art replied

    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;
    }
    
  •  7
    lofoxx replied

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

  •  1,069
    Art replied

    Hi again,

    You can add up to 10 categories in that row.