Rotating elements

Last updated: December 17, 2021 Written by: Avatar Marta Szeliga
Table of contents
Table of contents

If you want to rotate an element on your landing page, you can do this using its ID number and adding your own CSS code. Remember that the given function cannot be activated automatically directly from the editor.

Before you proceed to the following steps, read the manual on adding your own CSS codes.

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 Custom CSS.

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

3. Copy the CSS code indicated below and paste it in the Add custom styles field. Change elementID to the copied ID number.

  • 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);

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

Note that the rotation will be visible only on a published landing page.


Was this manual helpful?