[Resolved] Woocommerce product subcategories not indented

[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

[David]

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;
}

[Martin]

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

[David]

Glad to be of help

[Author]

Posts