reverse circle color scheme

deactivated

At the bottom of your style.css file add this:

.blog .hentry a .attachment-post-thumbnail {
 filter: none;
 -webkit-filter: none;
 -moz-filter: none;
 -o-filter: none;
 -ms-filter: none;
 opacity: 1;
 -webkit-opacity: 1;
 -moz-opacity: 1;
}

.blog .hentry a:hover .attachment-post-thumbnail {
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
 -webkit-filter: grayscale(1); /* Older versions of webkit */
 -moz-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 -ms-filter: grayscale(100%); /* IE 10 */
 filter: gray; /* IE 9 */
 filter: url('inc/desaturate.svg#greyscale'); /* Firefox */
 opacity: .8;
 -webkit-opacity: .8;
 -moz-opacity: .8;
}

Also copy the “inc” folder (with its contents) from the Spun theme and paste it into your Child Theme folder.

You are a life savor. i could have kissed you if you were in-front of me XD

thanks a lot

by the way it is not working in firefox ??
in firefox instead of turning grey on mouse-over the circle disappears

Did you do this:

Also copy the “inc” folder (with its contents) from the Spun theme and paste it into your Child Theme folder.

working on firefox as well.
once again thanks ??
you are like a magician.

i have posted my other question in another thread.

https://www.ads-software.com/support/topic/modify-number-of-circles-home-page-per-row?replies=1

please guide me for that also Andrew NINJA

I couldn’t figure it out with CSS alone, but I did make a christmas pudding if that helps https://snag.gy/Zp5eh.jpg

that could work as well