Documentation › Whiteboard: Turn off the grayscale social icons until hover

Whiteboard: Turn off the grayscale social icons until hover

In the Whiteboard Template, if you use a social block, the icons are greyed out until hover.  This is caused by some custom CSS in the Template.  To remove it, Find – Lines 50-75 and it should look like:

/** Grayscale Images **/
.block-type-social img {
  filter: gray;
  -webkit-filter: grayscale(1); 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 1.5s ease;
  -moz-transition: 1.5s ease;
  -o-transition: 1.5s ease;
  transition: 1.5s ease;
  opacity: .2;
}
.block-type-social img:hover {
  filter: none;
  -webkit-filter: grayscale(0); 
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transition: 1.5s ease;
  -moz-transition: 1.5s ease;
  -o-transition: 1.5s ease;
  transition: 1.5s ease;
  opacity: 1;
}<br>

You just need to remove those lines!

This article was last updated for Headway version 3.8.3

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress