Archived topic
Blog page post mouse hover animation issue.
1 reply · Started by Dipak Singh on July 9, 2021
Viewing posts 1–2 of 2
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.
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.
This archived topic is closed to new replies.
