The site isn’t live, so I can’t share it with you, but your suggestion only removed about half of the space. It’s kind of funny that the space isn’t on other pages, only this one. I fixed it like this:

.page-id-3231 #main > div:first-of-type{display:none;}

I wish I knew why the space is there but not on the other pages.

OK, I figured out how to make it the way I wanted.

1) Create normal color section. No background image. No padding. Apply ID, like #abcdefg.

2) Add Image type media element inside created color section.

3) Add the following CSS to child theme’s CSS:

div#abcdefg .container { width:100%; }
div#abcdefg .container main { margin:0; } 

Seems to be the way I need it. Do you think there may be unforeseen side effects?

Hi Josue,

I tried that just now, but then the image is not responsive, and the options for displaying the background image don’t quite make that technique usable. The advanced layer slider obviously has a way to go full width. Is there no way to go full width on a content area? If I could do that, I could just insert the image and would be done.