Rotate image in ACM Gallery Module

harmonyhill

Hi, it's me again for the ACM Gallery Module, I could resize the images, but since one is in landscape and the other 2 are in portrait, the first one is not in the right position...Is there a way to put it in the right position, as well as when we click on it ?

I have tried this :
div.item:nth-child(2) > div:nth-child(1) > a:nth-child(1){
transform: rotate(90deg)
}
but the rotated image is then cut at the edges..
Also when I try to rotate one image in the popup, all of them are rotated...

saguaros

Hi harmonyhill

I'm not entirely sure of what you are trying to achieve here, you want to rotate when hovering image?

harmonyhill

I want to rotate that preview of the element without having the edges cut and keeping the same size as the other images :

and also this when I click on the image (when I try, all the images are rotated but I only want to put this one from portait to landscape :

saguaros

harmonyhill

I'm a bit confused, if you want to show image in the view like that you could consider to edit the image instead of using complicated css for it.

harmonyhill

But I can't resize a landscape image into portrait because it won't look good if it's resized..?
I don't get how resizing will make it look the same...

saguaros

harmonyhill could you share some screenshots of how you want it should be?

harmonyhill

First is this one (rotate so the preview is in the right position, but the height size has to become the width size and the other way around as well...) :

Then when we click on it, this should also appear in the right position with is landscape here, but without changing the orientation of the 2 other pictures :

saguaros

Hi harmonyhill

I think you could edit the images so it can have that landscape view by default so you don't need to use css to rotate it.