Page Header Image Not Appearing Full Width

One more note to add. This is occurring with Blog Posts. Thanks.

Can you confirm that the "Container type" option is set to "Fluid"?

"Container type" option is definitely set to “Fluid”.

Weird, the HTML says different.

Any chance you can send me temporary admin login details to support@generatepress.com so I can take a look at what's going on?

Credentials sent

Ah, I just noticed it's a static image and not a background image.

Options:

1. Add some empty content to the page header: <span><!-- empty span --></span>

Then set it to full screen.

2. Force the static image full width with CSS:

.postid-2266 .page-header-image-single.grid-container {
      max-width: 100%;
}

.postid-2266 .page-header-image-single.grid-container img {
      width: 100%;
}

Let me know :)

I have several pos to do this with. I will need another solution. It's not just that one page where this is occurring.

Is it possible to have a hook to insert the Page Header Image Posts with the Featured Image? The scenario is that the featured image and the page header image both need to be present and both a different image.

Thanks!

I'm not too sure I understand? You want a background image and a regular image to appear in the content header? You can add images to the "Content" tab using HTML.

Did my above code not work? It should force that image to be full screen.

If you have multiple pages you need to do this to, you can remove the .postid-xx parts.

Let me know :)

Thanks Tom!

I added this <span><!-- empty span --></span> and it is working. This will have to be done to every post. Right now there are 45. Is there another way to handle this.

The second point now that this is working.

The Featured Image needs to appear in the

REPOSTING

Thanks Tom!

I added this <span><!– empty span –></span> and it is working. This will have to be done to every post. Right now there are 45. Is there another way to handle this.

The second point now that this is working.

The Featured Image needs to appear in the content right above the Post Title.

I hope that clarifies. Sorry for the mix up.

Here is sample of what I would like to achieve.

http://designismylife.com/mobileland/pageHeaderwContent.jpg

Thanks again.

Been thinking if there's another way to accomplish it, and I don't think so.

The way the code works is it looks for any added content - if no content is added, it will just print the image in the Image tab.

If it detects content, it will display the content and show the image as the background image (if set).

Kind of a tough one I'm afraid - I can't think of any other options.

Let me know if you have any questions :)

Got it. Thanks again for taking the time to review this.

Cheers!

I have a crazy idea. What if we put this <span><!-- empty span --></span> as placeholder in the Content box?