Skip to main content

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

 

Hi ​@Zoluko ! Thank you for reaching out to the Community! 

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;
}

 


Reply