Jump to content

Rotate Scrolling Text Block

Go to solution Solved by Lesum,

Recommended Posts

  • Solution

@NadineS Here's the correct code:

.fe-block-yui_3_17_2_1_1691344183651_96460 {
	transform: rotate(-4deg) !important;
}

 

Edited by Lesum

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Did you change the animation effect recently? The animation effect has a transform already on the block with !important on it.

You will need to add !important to your CSS property value pair to override the animation effect.

/* ROTATE SCROLLING BLOCK */

#block-yui_3_17_2_1_1691344183651_96460 {

  transform : rotate( -4deg ) !important;
  
  }

ScreenShot2023-08-13at9_08_12PM.png.85c4e5f0629302352b1dcd3be97c5df2.png

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Just replace the code with the code below.

/* ROTATE SCROLLING BLOCK */
.fe-block-yui_3_17_2_1_1691344183651_96460 {
  transform: rotate(-4deg) !important;
}

 

Screenshot_130.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.