[Theme: Spun] Images in circles move slightly upon hoover

It looks like its the transition

transition: all 0.3s ease-in-out 0s;

at line 776 and I think theirs a hover transition as well that causing the image to slightly move a bit upon hover and un-hover, lol try removing them and see what happens.

Try to avoid editing the theme’s files.
Make your modifications through a Custom CSS plugin like this oine https://www.ads-software.com/extend/plugins/custom-css-manager-plugin/ .

sorry, I was wrong, its actually coming from the filter on line 766 of your style sheet.

filter: url("inc/desaturate.svg#greyscale");

then you could compensate for the greyscale a bit by changing the opacity on line 766 to something like 0.3 or something

For me the issue in Chrome v.26 only occurs in the browser size of 2025px (width).

You can help eradicate the issue by floating the hovered images left;

.blog .hentry a:hover img,
.archive .hentry a:hover img,
.search .hentry a:hover img {
 float: left;
}

Andrew, I see what you mean, but adding

.blog .hentry a:hover img,
.archive .hentry a:hover img,
.search .hentry a:hover img {
float: left;
}

to my child theme’s style.css did not work.

Keyboard_Headaches, I don’t understand how opacity is related to moving an object? I’ve tried to change the opacity values to .3

opacity: .3;
-webkit-opacity: .3;
-moz-opacity: .3;

but it did not work either.

May you link your page with the issue?

Had to upload it to live server, here you go:
https://mududizainas.lt/mudu/

For some reason the opacity is causing the shift in Firefox.
This;

.blog .hentry a .attachment-post-thumbnail, .archive .hentry a .attachment-post-thumbnail, .search .hentry a .attachment-post-thumbnail {
    opacity: 0.8;

Edit: And it’s the filter.

Ok, how do I fix it?

Okay, I’m working on that. Thanks.

Don’t get me wrong, didn’t mean to be rude ?? Thanks for looking in to it.

See this thread https://www.ads-software.com/support/topic/greyscale-icons-wont-work-with-ff?replies=3

Thanks Andrew