Zero top margin on first image (2)

[ad_1]

(repost and added website as requested)

Newbie here. I’m trying to create this commonly seen transparent header/menu on top of the first image of the page (technically an image inside a single column) which is full width. I was able to get that but only by editing the general site settings and setting the ‘space around Gutenberg elements’ to ‘zero’. This has the undesired side-effect that now all my elements are close to another. So my question: How is this very commonly seen design element (transparent header on top of full width image) achieved without the general setting of ‘space around elements’ to ‘zero’.

For reference: This is WordPress, Blocksy.

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer