Docs

[thejeffklein]

hi. i cant seem to get my shop to display correctly. i have it set to 4 columns, but its coming out an awkward mess. ill post url separate

[thejeffklein]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Let’s set the shop column from Customize > WooCommerce and save again – http://prntscr.com/dukqoy

Cheers!

[thejeffklein]

thats what it was set at. i changed it and changed it back and saved again. still not working

[Rupok]

Hi there,

Sorry ot hear that you are still having this issue. You can add this under Custom > CSS in the Customizer.

.woocommerce .products li.product.first, .woocommerce .products li.product.last {
  clear: none;
}
.woocommerce .products.cols-3 li.product:nth-child(3n) {
  margin-left: 4%;
}

Hope this helps.
Cheers!

[thejeffklein]

thanks, that almost kind of works. see screenshot. its still skewed and has justification issues.
any ideas?
thanks so much

[thejeffklein]

This reply has been marked as private.

[Rad]

Hi there,

Please replace this CSS,

.woocommerce .products li.product.first, .woocommerce .products li.product.last {
  clear: none;
}
.woocommerce .products.cols-3 li.product:nth-child(3n) {
  margin-left: 4%;
}

with this

@media ( min-width: 768px ) {
  .woocommerce .products li.product {
  margin-right: 4%;
  clear: none;
  }
.woocommerce .products li.product:nth-child(3n+0) {
clear:right;
margin-right:0;
}
.woocommerce .products li.product:nth-child(3n+1) {
clear: left;
}
}
  

Hope this helps.

[thejeffklein]

excellent. thank you

[Joao]

You are welcome 🙂

[Author]

Posts