"discount price overlaps columns" (#1460584) / Laborator Support

Comments

4
martinleclercq started the conversation
February 7, 2018 at 11:04am
Hello Support,
I've made some discount products. On the shopping page, where I have a 5 column setup the discount price overlaps the column width. I've attached an image to show you what I mean.
Hope you can help :)
Kind regards,
Martin

[deleted] replied

February 8, 2018 at 9:04am

Hi Martin,

Can you please add the code below to your Custom CSS area:

.woocommerce .product .item-info .item-info-row {
    display: block;
}
.woocommerce .product .item-info .item-info-row>.title-column {
    display: table;
}
.woocommerce .item-info .price del {
    margin-left: 0px !important;
}
@media screen and (min-width: 768px) {
    .woocommerce .product .item-info .item-info-row>.price-column {
        padding-left: 0px;
    }
}

This should fix your issue.

4
martinleclercq replied
March 14, 2018 at 5:14pm
tnx!
1 Like