social icons css style like neighborhood theme

[mikedubs]

hi kyle!

is it possible thru css to change the style of the cardinal social icons (the hover) from the current where the background color comes up & the icon animated to the simple style that is in the neighborhood theme? i love in neighborhood how they are so simple & clean…just a simple brighten when you hover in neighborhood.

possible?

much thanks!

mike

[Kyle – SUPPORT]

Hi

Add this to your custom css:

ul.social-icons li:not(.sf-love) a i {
  transition: none 0s ease 0s ;
}
ul.social-icons li a {
  opacity: 0.8;
}
ul.social-icons li a:hover {
  background: transparent!important;
  opacity:1;
}
ul.social-icons.large li a:hover i {
  top: -53px;
}

– Kyle

[mikedubs]

hey kyle!

thanks so so much for the css! can you take a quick look at fuzblender.com when you have a moment? the social icons are at the bottom…when i hover they are either white or transparent…i tried to figure out which setting controls the hover in the color customizer and i am stumped? but i am also not so smart 🙂

thanks again for everything!!!

mike

[Kyle – SUPPORT]

Sorry replace all of the previous css with:

ul.social-icons li:not(.sf-love) a i {
  transition: none 0s ease 0s ;
}
ul.social-icons li a {
  opacity: 0.5;
}
ul.social-icons li a:hover {
  background: transparent!important;
  opacity:1;
  color:#111111!important;
}
ul.social-icons.large li a:hover i {
  top: -53px;
}

– Kyle

[mikedubs]

that’s perfect….and kyle, you never have to say sorry! hahaha! i thank you very much for the help 🙂

mike

[Kyle – SUPPORT]

No problem 🙂

– Kyle