Archived topic

Woocommerce product subcategories not indented

3 replies · Started by Martin on April 22, 2020

Viewing posts 1–4 of 4

April 22, 2020 at 2:18 am #1248917

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

April 22, 2020 at 3:22 am #1248991

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

April 22, 2020 at 4:14 am #1249034

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

April 22, 2020 at 4:17 am #1249043

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.