Tagged: image height, image size, retina, screen size
-
AuthorPosts
-
October 16, 2015 at 4:00 am #519648
Hello,
Is there a quick way to prevent pictures in galeries and mansonry galeries to have a height bigger than the screen ?
Something like this maybe ? img{height:100%; width:auto;}Thanks !
October 16, 2015 at 4:07 am #519649Prophoto did a trick for this problem, but i don’t find how to do it with enfold. The 2nd options looks good to me, same height as width.
https://www.prophoto.com/support/image-height-constraint/
That’s what they do, with three options :
To auto-constrain all post images to a certain height, you have the following options:
no height constraint – Under this scenario, your image will not receive any height constraint.
same as content width – In this case, your images will be constrained in height to the same px value as the content width of the site.
custom height – With this option, you can set the maximum height that you want your images to be displayed at. All images will be downsized according to this constraint, maintaining their original aspect ratio.
Can you find how to do the option 2 ?
Thanks !October 16, 2015 at 10:07 pm #520312Hi,
Can you post the link to your install please?
Regards,
JosueOctober 16, 2015 at 10:25 pm #520317It’s delepinay.fr
An example can be seen on this page : http://delepinay.fr/galerie/test-galerie/
The second picture of the gallery is too big !Thanks
October 19, 2015 at 6:23 am #520738Hey!
Try this in the Quick CSS field:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a:nth-child(n+2) { max-width: 50%; float: left; }
It will set the width of the gallery items to 50% except for the first item.
Best regards,
IsmaelOctober 19, 2015 at 9:27 am #520770Thanks for your answer, but I think I was not clear :
I would like, in galleries, portrait pictures (vertical) to be scaled down to 50% while the landscape pictures (horizontal) remains the same.
Can you do that withh quick CSS ?
Thank you !
October 19, 2015 at 12:39 pm #520871 -
AuthorPosts
- You must be logged in to reply to this topic.