The Grid Colour Transition

[eckiles]

Hi,

i want to change the colour of the pictures in my grid from gray to coloured. I found this code here in the forum:

.tg-item-image {
-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ /
filter: grayscale(100%); / FF 35+ /
}
.tg-item-image:hover {
transition: filter .5s ease-in-out !important;
-webkit-filter: grayscale(0%) !important; / Ch 23+, Saf 6.0+, BB 10.0+ /
filter: grayscale(0%) !important; / FF 35+ */
}

But its not transitioning to a coloured version.

Here is the link: http://buero-haase.de/rother-architekten/projekte/

Thank you for your help.

[christopher]

Hi @eckiles,

Please kindly consider that this is a customization request and outside of our support scope. We will not be able to maintain the suggested code or be able to implement the feature for you.

Please kindly remove the code you mentioned and add the code below into x/Pro > Theme Options > CSS:

.tg-item .tg-item-image {
  transition: filter .5s ease-in-out;
  filter: grayscale(100%);
  
}
.tg-item:hover .tg-item-image {
  filter: grayscale(0%);
}

Thank you.