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 *

We use cookies to give you the best online experience. By agreeing you accept the use of cookies in accordance with our cookie policy.

Privacy Settings saved!
Privacy Settings

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. Control your personal Cookie Services here.

These cookies are necessary for the website to function and cannot be switched off in our systems.

In order to use this website we use the following technically required cookies
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

Decline all Services
Accept all Services