How to correctly align different image sizes in Flatsome

Add this custom CSS to make sure all product images are displayed correctly.

.box-image img {
	height: auto !important;
	max-width: 100%;
	padding: 20px 10px 0 !important;;
	vertical-align: middle;
	margin: auto !important;
	max-height: 100%;
	width: auto !important;
}

.box-image:hover img:first-child {
	display: none !important;
}

Leave a Reply

Your email address will not be published. Required fields are marked *