Fancy display 13 grid uneven

[reesamarchetti]

I’m using this shortcode: [wp_eStore_category_products_fancy id=11 style=13 order=3]. All the thumbnails are 400x400px.

But for some reason, the grid page does not display the products evenly in a 4×4 grid. Some rows have only one product. See:

[http://cadaverclothes.com/mens-shop/mens-shop-1-sided/]

Can you help me figure out how to fix this? Do I need custom coding from you?

Thank you.

[wzp]

It is CSS related; and has to do with the height of each product display. Using this solution, adjust for the template number and desired height:

https://support.tipsandtricks-hq.com/forums/topic/estore-display-template-displays-with-large-gaps#post-54652

[reesamarchetti]

Beautiful! Thank you thank you thank you.

[reesamarchetti]

Oops, a new problem has come up now. I just noticed that the title and descriptive text get cut off no matter how high I set the css. This is how I set it and the text still gets cut off:

.eStore-fancy13 {

width: 600px;

}

.eStore-fancy13{

height: 1000px;

}

[admin]

You can increase the description area’s height by using the following CSS.

.eStore-product-fancy-13-description {

height: 150px !important;

}

[reesamarchetti]

Thank you. Can I increase the title height, too?

[admin]

Yep, you can use the following to increase the title height:

.eStore-product-fancy-13-name {

height: 60px !important;

}

[reesamarchetti]

Perfect! Thanks for all your help.

[Author]

Posts