WooCommerce displaying strangely (Grid issue?)

[haliano]

I think I finally have Modern Blogger Pro *mostly* installed correctly, but I am having one last problem. On my store pages, the products are not laying out in nice neat lines, but instead will show one on a line, and then two, and then one again- it looks very sloppy. Is there a way to fix this to get the products to line up in nice rows of 4?

See the issue here: http://www.onlypassionatecuriosity.com/product-category/stuff-for-homeschool-parents/

http://www.onlypassionatecuriosity.com

[Genesis Developer]

add this in your style.css file

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: right;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[haliano]

Unfortunately, no dice. I cleared all my caches, and see no change with that addition to the css.

[Ren Ventura]

Add !important to the end of the value in that CSS.

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: right !important;
}

---

Web & Software Developer & Blogger | RenVentura.com | Follow Me on Twitter @CLE_Ren

[haliano]

Perfect! Thank you so much for your time!

[Author]

Posts