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;
}

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

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

Paramètres de confidentialité sauvegardés !
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