Can't remove unwanted white border from background image

Hey there everyone, I can’t figure out how to get rid of an unwanted white border around my gradient background image. It automatically gets added after I copy / paste in a div box with custom code (a HubSpot form).

Before I added the custom code, the gradient background image was properly displaying, flush to the top right of the viewport. As soon as I drop in the custom code, that 6px border (or padding?) automatically gets added.

Any insight would be appreciated!


Here is my site Read-Only: LINK
Here is the page live: LINK
(how to share your site Read-Only link)

Hi rob,

Looks like the code snippet you have as an embed includes a CSS property for the body element that adds 6px.

See image.

Change the 6px to zero,
or delete the code altogether:

body {
margin: 6px;

Hope that helps,

Keiran, this is now painfully obvious … thanks for being a set of fresh eyes here for the quick fix!

1 Like