Removing white space between hero image and content

I can’t figure out how to remove the white space between my hero image and content at the top of this page:

https://www.barkblaster.com/purchase-download

Not the end of the world, but any help or advice greatly appreciated. Thank you!

Hi,

Add this Custom CSS in Appearance -> Customize -> Custom CSS,

#blog {
    padding: 0;
}

it will remove the space,

Let us know,

Thanks,
laranz.

Thanks so much for the super quick response! This looks great on the “Purchase” page, but it affected other pages too, making the top really tight. Any way to have it affect on the 1 page?

Hi,

Instead that CSS use this,

.page-id-103 #blog { padding: 0; }

Let us know,

Thanks,
laranz.

Beautiful. Thanks again! This did the trick.

Hi, there
Nice, to hear your problem is fixed:)
Now I will now close the topic and mark it as resolved. Feel free to contact us again Thanks!