CHANGE HIGHT LIST VIEW PRODUCT

Hello,

I would like to change the hight of the products in list view. For now i see 1 and 1/2 products. It would be beter if i can chance this myzelf.

Do you have an solution for this?

Greet,
Vincent

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.product-list-item .product-element-top {
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
}

Regards

Ok, so how can i change the heitgh of the listview. Because when i change the de 350px to 200px i can not come in the wordpress account anymore. I want to see at least 3 products in listview on a laptop screen.

Can you explain me excatly what i need to do.

Thanks

Vincent

Sorry, but we don’t quite understand what do you mean. Could you please provide some screenshots?

I made an exempel what i want.

Hi,

Could you please reupload your screenshots in a size smaller than 512KB?

Thank you in advance

Here you are

Attachments:

You must be logged in to view attached files.

Try to use this CSS code

.product-list-item .product-element-top {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
}

It doesnt change. And i het the following error on top of the photo.

Greets,

Vincent

Attachments:

You must be logged in to view attached files.

Did you try to reload the page and try to save it again? If it doesn’t help, please, provide us your admin access.

Id doesnt work on my site.

Herby the login

We can’t access with this account https://gyazo.com/23d71fcc0c6523f90b13bed1a273a56e

It is: http://voorbeeld5.oogvoormedia.nl/wp-admin

When we trying to access this page, we see the 404 error https://gyazo.com/470bd7afd7f66c2c9dda76fac2295927

Its should be working right now.

We can’t enter with this data.

Im sorry i missed the S in stead of X. You can try it again.
See user.

We just saved the theme settings without any errors.

Thanks it works great.

Only the styling of the wishlist is not correct. Can you change this?
Look at screenshot.

Attachments:

You must be logged in to view attached files.

Try to use this code as well

body .product-list-item .product-element-top {
	overflow: visible;
}

.quick-shop-wrapper {
	display: none;
} 

This is what i get now.

Attachments:

You must be logged in to view attached files.

We don’t see this widget on your website at the moment so can’t see the problem as well.

[Author]

Posts