It’s been a long time since I’ve had this problem, but it’s happening again and I’m not sure why.
I have a Portfolio Item Gallery on my Album Artwork page. Even though I have selected “Yes” to Dynamic Image Height, a portion of each thumbnail is being cropped vertically. This is especially obvious when you hover over the thumbnail and the hover animation is taller than the thumbnail itself. I would like the thumbnails to remain square (not cropped) so that their height matches the hover effect.
This is the CSS I was given to fix the problem before when the hover effect was taller at the top of the thumbnail:
.post-formatting img{
margin-top: 0 !important;
}
Now the hover effect is longer at the bottom of the thumbnail. What CSS should I use to fix this? Thanks!
We don't have this issue on our theme, and it should work to you too. Can you please disable all your third-party plugins (plugins that don't come with our theme) one by one, and check if this problem is solved.
Also please activate the Kalium (Main theme) and check if the same problem is happening again. If not then the problem is on your Child theme.
It’s been a long time since I’ve had this problem, but it’s happening again and I’m not sure why.
I have a Portfolio Item Gallery on my Album Artwork page. Even though I have selected “Yes” to Dynamic Image Height, a portion of each thumbnail is being cropped vertically. This is especially obvious when you hover over the thumbnail and the hover animation is taller than the thumbnail itself. I would like the thumbnails to remain square (not cropped) so that their height matches the hover effect.
This is the CSS I was given to fix the problem before when the hover effect was taller at the top of the thumbnail:
.post-formatting img{ margin-top: 0 !important; }Now the hover effect is longer at the bottom of the thumbnail. What CSS should I use to fix this? Thanks!
Hi Leanna,
We don't have this issue on our theme, and it should work to you too. Can you please disable all your third-party plugins (plugins that don't come with our theme) one by one, and check if this problem is solved.
Also please activate the Kalium (Main theme) and check if the same problem is happening again. If not then the problem is on your Child theme.
Thanks!
Hi again,
If the same problem happens again then please remove your old CSS code from your Custom CSS area:
.post-formatting img{ margin-top: 0 !important; }and paste this new one:
.post-formatting .image-placeholder { margin-bottom: 0px; }Have a great day!