Home › Forums › CSS › My products won't align properly! › Reply To: My products won't align properly!
February 11, 2015 at 2:36 pm
#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%;
}