products are not aligned, JA megastore

epaizc

Hi, i want to know why products, are not aligned?, one product is bigger than other? is because of the size of the picture? look image attach:

Ninja

epaizc
Hi
This is not problem, its how it should look if your product image size is different they will have different heights.
If you want to set a min height for all products add this code in custom.css


#javm_slider107 .product.vm-col .spacer { min-height: 446px;}

epaizc

Hi, i add the code Iam not sure this code is correct? it has only one ( { ) , I copy paste the code in my custom.css but page breaks and doesnt look good look image attach:

and products still dont aligne.
I close the { with another ( } ) still doesnt work.

Can you please help me, customer wants this, if you see the rest of the page products are aligne, look image attach:

can you check my custom.css and check your self please.

Ninja

epaizc
Hi
use this code please i corrected the code in last post too


#javm_slider107 .product.vm-col .spacer { min-height: 446px;}

epaizc

Hi, this code works better the "productos destacados" is aligned, is working but the first 2 products the websites show, still not aligned, see image attach:

do I need to add a second code? or modify the code?

Ninja

epaizc
Hi
These are 3 different module, i suggest you to keep it as it is now as its depend on product height in each product, adding a min height will cause more issue later as all product are in 3 different modules .

epaizc

ok, I will suggest that to customer, thank you.