Hi,
I have some difficulties with an embedded form image. In Klaviyo the embedded form shows correctly but on our website there is a white space above the image we can't fix.
Does anyone have advice how to solve this issue?
URL and printscreen added below for additional information:
https://zoluko.nl/blogs/blogs/hartslagzones-wat-is-het-en-hoe-kun-je-ze-berekenen
Best answer by emma.owens
Hi
This is likely being caused by the CSS styling within your site/theme overriding the Klaviyo CSS applied to the Form. To resolve this issue, I would recommend reaching out to the Website Developer to have them remove/alter the specific CSS styling that is causing the issue!
I hope this helps :)
+20Hi
This is likely being caused by the CSS styling within your site/theme overriding the Klaviyo CSS applied to the Form. To resolve this issue, I would recommend reaching out to the Website Developer to have them remove/alter the specific CSS styling that is causing the issue!
I hope this helps :)
I encountered the same issue and managed to fix it by adding the following CSS, which removes the whitespace above the form. Hopefully this helps someone else, as I struggled to find a clear solution myself.
.klaviyo-form-yourformcodehere {
display: flex;
align-items: flex-start;
}
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.