Grid view broken after upgrade to WordPress 4.5.2

Help, anyone??? this is very frustrating.

What shortcode are you using on the main page ?

[wpsc_products category_url_name=’home-featured’]

Hey there,
Try changing your home featured category display as Grid under the category edit setting page.

Hi,

Thanks, but it’s already set to Grid. That was the first thing I checked when troubleshooting. Believe me that asking for support on help forums is always my last resource. I’ve spent hours trying to resolve this, with no luck.

Anything else?

Any other suggestions?

Try adding this to your themes style.css file

.product_grid_display .product_grid_item {

width: 194px;

}

Okay, I did that, but it just made each product listing 194px wide, but they are still stacking on top of each other, and not showing next to each other in a row, as it should with Grid layout. Please see how it looks here: https://citynutandcandyonline.com/

Thanks. Any other suggestions?

I guess I will be switching to Woo Commerce.

To be fair, its a theme issue .. I used Inspect Element and got your grid working with two CSS rules. But actually the main problem is that your category page is using gridview.css – but your home page is not. You need a web designer to fix it.

But I will say that the code behind WPEC is not very good and requires a lot of hacking and !important statements etc – to make it responsive is a pain. Also a lot of the admin side is broken and displaying a mess. Thats the main thing which concerns me really – WPEC should be recognised as a beta version in many ways…

Thank you sonic1234! That helped me fix it. For those you are experiencing a similar problem, I copied this code from gridview.css onto style.css:

width: 19% !important;
    /* float: left; */
    margin-top: 10px;
    margin-left: 2%;
    margin-right: 2%;
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
    padding: 0;
    float: left;
    text-align: center;
    position: relative;

I’ve applied it to: .product_grid_display .product_grid_item {