- This topic has 7 replies, 3 voices, and was last updated 6 years, 8 months ago by .
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › Fancy display 13 grid uneven
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.
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:
Beautiful! Thank you thank you thank you.
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;
}
You can increase the description area’s height by using the following CSS.
.eStore-product-fancy-13-description {
height: 150px !important;
}
Thank you. Can I increase the title height, too?
Yep, you can use the following to increase the title height:
.eStore-product-fancy-13-name {
height: 60px !important;
}
Perfect! Thanks for all your help.