Rotating and mirroring elements

Last updated: June 21, 2022 Written by: Avatar Marta Szeliga
share
Table of contents
share
Table of contents

If you want to rotate or mirror an element on your landing page, you can do this using its ID number and adding your own CSS code.

Set elements rotation

1. Log in to the Landingi platform and go to the editor of your landing page.

2. Click on a chosen element and find its ID in the Other tab in a right-side toolbar. Copy the ID.

2. Go to Page Settings and click Add custom CSS.

When editing, you can go back to Page Settings by clicking on the arrow:

3. Copy the CSS code and paste it in the Main page tab. Change elementID with the copied ID number. NOTE: To see the rotation of mirroring, publish the landing page.

Rotating elements

  • The value rotate(45deg) means the element will rotate 45 degrees clockwise. If you want to change this value, enter a different degree range in brackets, e.g., rotate(90deg).
  • If you would like to rotate the element counterclockwise, enter the minus symbol “-” in brackets next to the degree value, e.g., rotate(-30deg).
#elementID {
transform: rotate(45deg);
}

Mirroring elements

#elementID {
transform: scaleX(-1);
}

4. Save & close. Then publish your landing page.

share

Was this manual helpful?