1— This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area.
If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Codeable. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
2— Your uploaded image is black and white, you must upload a coloured image and then add a class to your element example bw-image (see video).
Then add those CSS codes to your Custom CSS area:
/* Black and White Image */
.bw-image.wpb_single_image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
/* Black and White Image on Hover */
.bw-image.wpb_single_image img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
How I could get a hoover effect for the Logo nokidesign. I would change ist from black to orange if the cursor get over it?
How I could get a fade change from our foto in "über uns" from black to colour? (with animated git? or which kind of tools?
Hi Norberti,
1— This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area.
If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Codeable. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
2— Your uploaded image is black and white, you must upload a coloured image and then add a class to your element example bw-image (see video).
Then add those CSS codes to your Custom CSS area:
/* Black and White Image */ .bw-image.wpb_single_image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; } /* Black and White Image on Hover */ .bw-image.wpb_single_image img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; }Have a nice day!