[Support request] Blog page post mouse hover animation issue.

[Dipak Singh]

Hey, Tom I.m really glad and happy that I’m using GP Premium and it’s true this is a wonderful theme at an affordable price.
I have an issue, I used this CSS:

.post {
transition: all 0.2s ease-in;
}
.post:hover {
box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
}

to add hover shadow animation on the blog page:
https://www.wpsettingbox.com/blog/

but when I’m entered in the full-page blog post:
https://www.wpsettingbox.com/free-wordpress-themes/

it also hovers this and I did not want this on the full-page post.
please help to remove this on the full-page post.

Lots of thanks in advance.

[David]

Hi there,

try this CSS:

body:not(.single):not(.page) .post {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0);
    transition: box-shadow 0.2s ease-in;
}
body:not(.single):not(.page) .post:hover {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
}

This will exclude single-post and pages from the style.

[Author]

Posts