Editing (Rotating) images

[OHA Osthang]

Hello!

how can I rotate images? I tried it in the editing option, the media folder gives you, but when I add it to my project page, it is not flipped. Maybe a "rotate" or "edit" button within the project editor would be handy. Or even the option to edit the size and format of an image within the gridder.

Cheers
Julia

[mariusjopen]

Hi Julia,
thank you for this comment.
We will consider adding this feature in the future.

Now you need to solve it with CSS.

All the best!

Marius

[OHA Osthang]

thanks for your reply Marius. I'm not sure how to rotate the image with css in lay theme. Could you help me on that also?

[mariusjopen]

Hi Julia,

have a look here:
https://www.w3schools.com/cssref/css3_pr_transform.asp

You need to add this CSS class to all the images you want to rotate.

You can give images a special CSS class by right clicking on them:

Then you give them a class for example rotate

And then you enter this to your Custom CSS:

rotate {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

I hope that helped!

Play around with it :-)

Marius

[dachenbuch]

This post is deleted!

[mariusjopen]

Hello Julia!

As you can see – for me it works.

Can you post a link to your website that I can have a look?

Best!

Marius