Rotating elements

Last Updated: 05.02.2020

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.

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.

rotating_element_EN1

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);
}
rotating_elements_EN2

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.

rotating_elements_EN3
rotating_elements_EN4

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

Was this article helpful?

You might also check:

custom CSS

Can’t find what you need?

Let us help you!
Send us a message
We are using cookies for analytical purpose. Learn more.