Joomla Templates Club 406,261 posts

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#890864

Hi 🙂

How do I disable the whirling logo animation in JA Sugite?

Please help!

Norchris

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#890905

Hi
Go to /templates/JA_Sugite/css/custom.css
Find the code below comment or remove the code

.logo-image img{-webkit-transition:all 0.45s;-o-transition:all 0.45s;transition:all 0.45s}.logo-image a:hover img{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

Hope it helps .

1 user says Thank You to Pankaj Sharma for this useful post

1. norchris

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#928817

Hello and thank you. Sorry for my late response!

It works nicely until I use ThemeMagic to create my own theme. Then, the whirling restarts.

Obviously, ThemeMagic creates some new CSS code. But, I do not know where to correct this…

Another, related thing. The logo is not placed exactly where I want it. I need to adjust the placement slightly down and to the right. Where do I do this?

Thanks for any help 🙂

Norchris

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#928821

Hi
Use the same code in custom.css file to stop the animation it will work for all site if you will place it in the custom.css file .
beside the logo code is defined in the /tpls/blocks/header.php file . You can see how its implemented and move the code container if you want to change logo position .

PS : For new question kindly open a separate thread with topic name , it help other users to find same solution .
You can also use our forum search to search the topics and you will found many solutions already posted 🙂
its saves your time .

1 user says Thank You to Pankaj Sharma for this useful post

1. norchris

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#928824

Hello and thank you!

That gave me (not very experienced) a challenge 🙂 The challenge was; I wanted to remove code, but had to copy it into custom.css

I copied the code in your first post in this thread and changed the rotation from 360 to 0 degrees. And that did the thing!

Thanks!

Norchris

[Author]

Posts