How to remove hover on circles?

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;
}

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

@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;
}

@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?

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?

@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?

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;
}

Thanks! It’s working now!