Hi, I'm setting up a slider for a site I'm building and there seems to be a weird issue between transitions.
The image drops down by a few pixels and then the image on the next slide jumps up by the same unit. It's a bug that's hard to miss— how can I fix this?
I tried fiddling around with the sizing and position option in the background image of each slide (both these image are slide background images), but the weird little bounce still persists.
Thanks for that tip! I think this code is part of the theme's core CSS, which I can't change. However, since I'm using Visual Composer here, I gave the row with the slider a specific ID, and used the following CSS modification:
Hi,
I'm setting up a slider for a site I'm building and there seems to be a weird issue between transitions.
The image drops down by a few pixels and then the image on the next slide jumps up by the same unit. It's a bug that's hard to miss— how can I fix this?
I tried fiddling around with the sizing and position option in the background image of each slide (both these image are slide background images), but the weird little bounce still persists.
Hello,
Thank you for getting in touch with us!
As I see there is a CSS code on your website which cause this problem.
img { vertical-align: text-top !important }
You should remove it and after that it should work properly.
Best Regards,
Andrea | Kreatura Support Team
Hi Kristof,
thank you for that super quick response.
Thanks for that tip! I think this code is part of the theme's core CSS, which I can't change. However, since I'm using Visual Composer here, I gave the row with the slider a specific ID, and used the following CSS modification:
.thespecificID img { vertical-align: text-bottom !important;
This seems to have fixed the jitter.}
Thanks again! Really appreciate the promptness.
You are welcome and thank you for your feedback!
Best Regards,
Andrea | Kreatura Support Team