Rotate a Block in Squarespace

What does this code do?

This code snippet will allow you to rotate a block in Squarespace.

 
 
 
 

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Rotate a Block */
#BLOCKID {
  transform: rotate(-10deg);
}

Then use any positive or negative number between 0 and 360 to rotate the block.

 

How To Use It

  1. Copy and paste the code as indicated above.

  2. To learn how to find a block id check out our Start Here guide.

  3. Adjust the rotation.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Header Layout: Center Logo with Boxed Navigation

Next
Next

Infinite Scrolling Logo Carousel | Squarespace 7.1