Hi Xeniya
If you don’t already have a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.
.blog .hentry a:hover img,
.archive .hentry a:hover img,
.search .hentry a:hover img,
.blog .hentry a:focus img,
.archive .hentry a:focus img,
.search .hentry a:focus img {
filter: none;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You may also need
filter: grayscale(0);
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
And the OP may have set up a Child Theme already
Thread Starter
Xeniya
(@chlamydia)
@salsaturation
I do have Custom CSS plugin but I am not sure I know how to use it. I just need to open it and paste this code there?
@andrew
I am working in Child Theme. Do I need to paste the code that you wrote under the code that salsaturation wrote me in Custom CSS as well? What about the changing the distance?
Sorry for questions but I am new here 🙂
Thank you!
You can either paste it into the custom css area or just add it to your child theme style.css. Full code is
.blog .hentry a:hover img,
.archive .hentry a:hover img,
.search .hentry a:hover img,
.blog .hentry a:focus img,
.archive .hentry a:focus img,
.search .hentry a:focus img {
filter: none;
filter: grayscale(0);
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
}
Thread Starter
Xeniya
(@chlamydia)
@salsaturation
Ok, I pasted it in style.css. It works in IE but doesn’t in Chrome. Is there a way to change it for Chrome as well?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Note: When your first issue is resolved and you do get to this question:
Another question – How to change the distance between the circles?
Can you start up a new thread about that?
Thread Starter
Xeniya
(@chlamydia)
@andrew,
Ok, I will. Sorry about that.
However, my first issue is not resolved. The colors are changed in EI but not Chrome or Firefox. Is there a way to make it work in Chrome and Firefox as well?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try this instead:
.blog .hentry a:hover img,
.archive .hentry a:hover img,
.search .hentry a:hover img,
.blog .hentry a:focus img,
.archive .hentry a:focus img,
.search .hentry a:focus img,
.blog .hentry a .attachment-home-post{
filter: none;
filter: grayscale(0);
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
}
Thread Starter
Xeniya
(@chlamydia)
Thanks! It’s working now!
