Product Category Archive

[rinnecco]

Can I please get some help as how to display Categories Archive in four columns such as the procuct archive? Can’t make it happen. Also, why aren’t the images with the same drop shadow as in Products Archive?

[David Martin – Support]

Hi,

1)

It seems WooCommerce is forcing a clear, please override this using the below CSS:

.has-no-sidebar ul.products li.product-category.product {
    clear: none;
}
@media only screen and (min-width: 1200px) {
body .has-no-sidebar ul.products li.product-category.product {
    width: 260px;
}
}
.woocommerce ul.products li.product-category.product:nth-of-type(3) {
    margin-left: 30px;
}

2) What drop shadow do you refer to, can you add a screenshot?

[rinnecco]

This reply has been marked as private.

[rinnecco]

This reply has been marked as private.

[David Martin – Support]

Oh yes I see, please add this to Theme Options => Custom CSS:

.woocommerce ul.products li.product a img {
    -webkit-box-shadow: 0 8px 6px -7px #999;
    -moz-box-shadow: 0 8px 6px -7px #999;
    box-shadow: 0 8px 6px -7px #999;
}

Thanks.

[rinnecco]

This reply has been marked as private.

[David Martin – Support]

Your CSS has multiple errors, note the double ..:

Amending that has fixed it all.

[rinnecco]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi @rinnecco

I logged in and added some css to resolve that – should be all good now, please let us know.

– Ed

[rinnecco]

Worked perfectly. Thank you!

[David Martin – Support]

Great, cheers Ed.