Forum Support

Shape 5
October 20, 2021, 08:01:12 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]
  Print  
Author Topic: How to remove transitions on hovering icons  (Read 445 times)
antic
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 http://business.referrizer.com/
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« 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.
Logged

Tristan Rineer
------------
Shape 5 Team



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


- 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]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
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.