Okay
  Public Ticket #1561451
WC products show white spaces
Closed

Comments

  • karim_gabriels started the conversation
    May 2, 2018 at 12:18pm

    Hello,

    I have a page with a WC products object in place which shows all products in the shop.

    But for some reason there is a white space between some of them.

    Thanks for getting back to me.


    Regards.

  •  229
    Milingona replied
    May 3, 2018 at 4:58pm

    Hello Karim,

    Please paste the following code in Bakery > Custom Code > Custom CSS to fix that.

    .vu_wc-product .vu_p-image { background-size: cover !important; }
    
.vu_wc-products .vu_p-item-container.col-md-4:nth-child(3n+1) {
     clear: left;
    }
    .vu_wc-products .vu_p-item-container.col-md-3:nth-child(4n+1) {
     clear: left;
    }
    @media (max-width: 991px) and (min-width: 768px) {
     .vu_wc-products .vu_p-item-container {
       clear: none !important;
     }
     .vu_wc-products .vu_p-item-container:nth-child(3n+1) {
       clear: left !important;
     }
    }
    @media (max-width: 767px) {
     .vu_wc-products .vu_p-item-container {
       clear: none !important;
     }
     .vu_wc-products .vu_p-item-container:nth-child(2n+1) {
       clear: left !important;
     }
    }

    Kind regards,

    Milingona Support

    Follow on     Envato     Facebook     Twitter