SupportCategory: ShopStore"List view" not displaying correctly
AvatarMaria Cabrera asked 2 months ago

Hello, for some reason, eventhough the “grid view” is displayed perfectly, when I click on “list view”, the display of products looks very weird.
https://imgur.com/jrcqpvV
Could you help me figure out why?
Thank you!

5 Answers
AvataraThemeArt Staff answered 2 months ago

Hi
please navigate to wp-admin —> Appearance —> Customize —> Additional CSS .. and below css


.woocommerce ul.products li.product.do-to-list a.woocommerce-LoopProduct-link {
    width: 150px!important;
}
.woocommerce ul.products li.product.do-to-list .do-list-price-wrp {
    max-width: 240px!important;
}
.woocommerce ul.products li.product.do-to-list .box-content{
	height:auto!important;	
}

Thanks

AvatarMaria Cabrera answered 2 months ago

Thank you so much for your help. I did this and now the descriptions are not overriding other products.
Is it possible to just NOT SHOW the description, just as in the “grid view”?? I would like to show only the product’s name, price and picture, with no description.
Thanks and sorry for the inconvenience.

AvataraThemeArt Staff answered 2 months ago

Hi
Can your please add one more css below

.woocommerce ul.products li.product.do-to-list .show-on-list{
	display:none!important;
}

Thanks

AvatarMaria Cabrera answered 2 months ago

Thank you a MILLION!
This seems to be working perfectly. Just one more thing.. Could you please provide custom CSS code to shorten the width of the column in which the product’s image is displayed (within the LIST view)??
Thank you again so much