How to decrease the white space between the header and the page content?

Hi - How do I decrease the white space between the red arrows in my screenshot? I’ve googled this question but havent found the answer for this theme, I apologize if I missed it somewhere.

I’d also like to know how to shorten the blue header image in the code, though thought you’d prefer I put that in a separate post?

Thank you for any feedback.

Also, the theme is Shapely and the site is

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*reduce top paddig on content*/
section.content-area {

Best regards,