Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS My products won't align properly! Reply To: My products won't align properly!

#195703
casperibz
Participant

style.css – Line 247

ul.products {
   margin-left: 0;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   zoom: 1;
   display: initial; /* Added */
}

style.css – Line 251

Delete

float: leftand width: 30.75%

custom.css

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    display: inline-block; /* Added */
    vertical-align: top; /* Added */
    width: 30%; /* Added */
}

EDIT – please try to add this at the end of your custom.css, so we can be sure that those rules are not being overwritten by other CSS..

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
   min-height: 293px !important;
   display: inline-block;
   vertical-align: top;
   width: 30%;
}