hover problem

• 

  moshekahol · Member · Oct 10, 2016 at 11:12 pm

  • Copy link
  • Add topic to favorites

  Hi I used this code to create a slow hover effect but I dont want the social bottons on the bottom of my site to be affected (only theme to be out of the css rule)

  here is the code:

  /* promo products */
  a, a::before, a::after, i, button, img, input,
  ::before, ::after,
  .owl-nav > div,
  .top-sub-menu, .sub-menu, .mega-menu,
  .sin-pro-action, .team-details {
  	-webkit-transition: all .6s ease .01s;
  	-o-transition: all .6s ease .01s;
  	transition: all .6s ease .01s;
  }

  how can I do that?

  thanks alot!

  The blog I need help with is: (visible only to logged in users)

• 

  siobhyb · Member · Oct 11, 2016 at 9:31 am

  • Copy link

  Hi @moshekahol,

  If the social buttons at the bottom of your site are the only links you don’t wish to apply the effect to, then you could target them with .widget_wpcom_social_media_icons_widget a and set their transition to inherit:

  .widget_wpcom_social_media_icons_widget a {
      -webkit-transition: inherit;
      -o-transition: inherit;
      transition: inherit;
  }

  Hope that helps!