Rotating elements

Last updated: January 20, 2021 Written by: Avatar Marta Szeliga
Table of contents
Table of contents

If you want a particular element on your landing to rotate, follow the steps below. Remember that the given function cannot be activated automatically directly from the editor, you must add it in the form of your own CSS code.

Before you proceed to the following steps, read the instructions on how to add your own CSS codes.

How to rotate elements

1. Log in to the platform and go to editing the selected landing page.

2. Go to page settings in the right side pane of the editor, then click Custom CSS.


3. Copy the code below and paste it into the Add custom styles section. The value rotate(20deg); means the item will rotate 20 degrees clockwise. If you want to change this value, enter a different degree range in brackets, e.g. rotate(45deg);
If you would like to rotate the selected item counterclockwise, then enter the minus symbol “-” in brackets next to the degree value, e.g. rotate(-30deg);

#elementID { transform: rotate(20deg); } 

4. Click on the element you want to rotate and copy its element ID. Re-insert the copied ID in the code in #elementID without forgetting the “#” sign.


5. Click Save and close, then publish your landing page.


Was this manual helpful?