I'd love to have the ability to rotate images on my landing pages

  • 16 May 2013
  • 3 replies
  • 446 views
Scott_Tousignant

It’s great that we can now apply a corner radius to our images… but I would really like the option to rotate images slightly… not just 90 degrees, but slight adjustments to the angle.

3 replies

Andrew

You should be able to use CSS to do this:

http://www.w3schools.com/cssref/css3_…

J

Is there a way to rotate even by 90 degrees? I was trying to do this with a provided layer, and I couldn’t. Very frustrating!

Ryan

Hi JosŽ - it’s not a feature in the Unbounce page builder however, like Andrew pointed out, you can rotate an image on your page with some simple CSS.

To do this, select the image on your page then look in the properties pane to find that image’s ID. I should be something like #lp-pom-image-78.

Then, open the CSS Stylesheets manager and paste the following code:


#lp-pom-image-78 {
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
}

Update #lp-pom-image-78 with your image’s actual ID and update 90deg to whatever degree you’d like the image rotated (eg. 180deg, 270deg, 10deg etc.)

You won’t see the changes in the page builder but you will see them in Preview and once published.

Hope that helps!

Reply


Terms & ConditionsCookie settings