-
Posts
-
Hi there,
Theme: Enfold – Images have excactly the same height, but different width.
See hereNo borders or paddings are set.
The pictures should appear beneath each other and should have the same height – actually, they don’t altough settings are the same.
Any ideas? I am really glad if you have a clue for me
Thanks a lot and greets to austria
MarcelHey christwars,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi christwars,
The thing is that images, in this case, adjust to the container and scale down. The scale ratio is different and so the images get different height.
Best regards,
VictoriaHi Victoria, thanks for finding the problem. For me, it seems to be a quite usual problem.
Is there an usual solution for that as well? Meaning, how can I fix it and get the same height?
Best regards
MarcelHi Marcel,
You could try the code below. It will work for bigger screens, but for smaller screens we will need to stretch the smaller image or make the bigger one shorter.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css.avia-image-container.avia-builder-el-1.avia-builder-el-no-sibling img { max-height: 435px; }If you need further assistance please let us know.
Best regards,
VictoriaIs there any trick to find out which size the images have to be in order to appear in the same height?
I mean something about finding out the factor who makes the image smaller to calculate which size the other image has to be in order to get the same height after the seize-reduction by the theme.
Regards
MarcelHi Marcel,
Can you try using 825 x 459 image dimension for the image on 2/3 column, let us know if this helps.
Best regards,
NikkoHey Nikko & merry Christmas!
it really did work out! Can you tell me how you get to the image size of 825 x 459?
Thank you very much for this solution.
Cheers
Marcel
- You must be logged in to reply to this topic.