[Resolved] Woocommerce product subcategories not indented

Home Forums Support Woocommerce product subcategories not indented

  • This topic has 3 replies, 2 voices, and was last updated 5 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1248917
    Martin

    Hi there,

    I am struggling with the presentation of product categories in woocommerce. The subcategories are not indented and that looks very confusing for the customer.

    is there a way, in gp premium, to indent the subcategories or change their colour?

    thanks in advance

    #1248991
    David
    Staff
    Customer Support

    Hi there,

    you can add an indent to the children with this CSS:

    .product-categories ul.children {
        margin-left: 2em;
    }

    and give the links a different color with this:

    .product-categories ul.children li a {
        color: red;
    }

    And if you wanted to style the grandchildren differently then add this CSS:

    .product-categories ul.children ul.children {
        margin-left: 2em;
    }
    .product-categories ul.children ul.children li a {
        color: red;
    }
    #1249034
    Martin

    Many thanks for your quick reply, that is exactly what I want!

    #1249043
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.