Forum Support

Shape 5
October 23, 2021, 03:54:38 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
   Home   Help Search Login Register  
Pages: [1]
Author Topic: How to remove transitions on hovering icons  (Read 446 times)
Jr. Member
Offline Offline

Posts: 402

« on: November 16, 2015, 10:01:58 AM »

Is it possible to remove transition effect on hovering social icons. I tried using this css:

#s5_rss, #s5_google, #s5_vimeo, #s5_twitter, #s5_fb {
-webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;

but there is still a slight movement of the icons on hover.
The url is
Tristan Rineer
Global Moderator
Offline Offline

Posts: 3858


« Reply #1 on: November 16, 2015, 11:17:05 AM »

Looking at it with Firebug and enabling the :hover option seems to show that there's a slight change in background-position on hover.  I'm a programmer, not a designer, so I'm not really sure the exact CSS you'll need to use to override that, but it seems you've got it mostly working so far; hopefully I was at least able to point you in the right direction.

Tristan Rineer
Shape 5 Team

- Need a great host for your website? We highly recommend!

- Put your trust in the hands of our extremely qualified staff to get your job done right!

- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.