Show product title under picture

Resolved gillesken
(@gillesken)

3 years, 11 months ago

Dear,

Is it possible to change the layout of a product list? I don’t want the product text to be in the picture, but under the picture. Also the price. And i want the picture to be fully visible, not with the big “arrow” in it.

Conclusion: i want the product picture to be fully visible, and the text and price under the picture.

Thanks!
Kind regards

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

(@gillesken)

What i mean is, i want the products to be showed like they are on the homepage. Just the picture, and the text en price under. Not in the picture.

Thanks!

Kind regards

Theme Author

VW THEMES

(@vowelweb)

3 years, 11 months ago

Hello @gillesken,

Add the below CSS code in additional CSS for that Go to dashboard >> Appearance >> Customize >> Additional CSS >> Here you have to paste the below CSS code >> Publish it

.products li, .woocommerce ul.products li.product{
background-color: transparent;
}
.woocommerce ul.products li.product a img {
    clip-path: unset;
}
.products li:hover, .products li:hover span.onsale {
    background: transparent !important;
}
a.button.product_type_simple.add_to_cart_button {
    background: #343c49;
    text-indent: unset;
    border-radius: 0;
    font-size: 15px;
    position: static;
    color: #fff;
    border: none;
    padding: 15px;
}
a.added_to_cart.wc-forward {
    padding: 0;
    background: transparent;
    text-indent: unset;
    border: none;
    border-radius: 0;
    font-size: 15px;
    position: static;
    top: 0;
}
.woocommerce ul.products li.product .price {
    color: #ababab;
}

Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Show product title under picture’ is closed to new replies.