Ruby-Rose

Site URL: https://www.naturelimpact.com/about Hello! I am trying to achieve a scrolling text animation like on this website: https://www.celebratethegoodthings.com/about I have tried using the below code but I want the paragraph to stay on one line and not wrap. Does anyone know how I might achieve this? My website is https://www.naturelimpact.com/about Password: 1 Thank you so much! .scroll{ overflow: hidden!important; position: relative!important; -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -moz-animation: scroll 15s linear infinite; -webkit-animation: scroll 15s linear infinite; animation: scroll 15s linear infinite;} @-moz-keyframes scroll { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } #page {overflow-x:hidden}

@SquareRefresh It worked perfectly!!!! :') Thank you thank you!!!!!

Hello to all! I am trying to achieve an infinite 360 rotating circle animation for a client website (7.1) To see exactly what i'm trying to achieve, look at this websites home page https://www.alexcantone.com/ I've tried googling this but have had no luck! Would the css required be something like the below? Or not at all? #block-yui_3_17_2_1_1634295033920_10337 {animation: turn 15s linear infinite; } Any help or guidance would be greatly appreciated .... thank you in advance! Ruby Rose

Hello! Thanks again for getting back to me. Your code helps me to make the text smaller however the text still wraps as seen in the screen shot below.... any other ideas? or do you think it's a fault with the original code? Thank you for your help so far 🙂

Hello! Thanks so much for your help however once the code has been inserted the desktop version still has one word that is wrapping and it hasn't worked at all for mobile version .. 😞 any other ideas? Thanks again 🙂

Hello! Thanks so much for getting back to me. https://casamaria.uk/ Password: Mooncake444 Let me know if you need anything else 🙂 Ruby

Hi there! I currently have scrolling text animation on my website , however, both the desktop and mobile version wraps the text as seen in below photos. Can someone please help me to modify the below code so that the text stops wrapping all together on all screens? Thanks so much! 🙂 .scroll{font-family:Milestone; font-size:2.7rem; color: transparent!important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFFFFF; overflow: hidden!important; position: relative!important; -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -moz-animation: scroll 15s linear infinite; -webkit-animation: scroll 15s linear infinite; animation: scroll 15s linear infinite;} @-moz-keyframes scroll { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } #page {overflow-x:hidden}