Docs

[avanaa]

In woocommerce shop page (www.avanaa.ca/boutique/), I would like to get rid of the thin grey line under the product image and reduce the gap between product title+price and the product image.

Cheers!

[Prasant Rai]

Hello Avana,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.has-post-thumbnail .entry-featured {
    border: 0 !important;
}

h1.product_title.entry-title, .woocommerce li.product .entry-header h3, .woocommerce-page li.product .entry-header
h3 {
    padding-bottom: 5px !important;
}

.woocommerce li.product .entry-wrap {
    padding-top: 0 !important;
}

.woocommerce li.product .entry-header
.button {
    top: -51px !important;
}

Thanks.

[Author]

Posts