[Resolved] Page Header width as the container box

[Alejandro]

Hello,

I have in my mainpage different post separate in containers. What I would like is the page header image add in the post has the same width as the container.

Right now I have blank spaces around the image.

I want something like this where the image is the header of the text with the same width as the container.

[Leo]

Hi Alejandro,

Are able to provide a link to your site? Thanks!

[Alejandro]

I do not have the site published yet.

The image is the example of what I would like.

[Leo]

Can you try setting the container type to contained?
https://docs.generatepress.com/article/page-header-content/#container-type

[Alejandro]

No, it is not that.

Here is what I have right now. I want like the above image in the first message.

[Leo]

Sorry I am still not very clear. Is that a featured image? if so you can change the position to below title?
https://docs.generatepress.com/article/adjusting-the-featured-images/

Let me know.

[Tom]

This should help: https://docs.generatepress.com/article/adjusting-the-featured-images/#removing-the-outside-padding-spacing

[Alejandro]

Tom, almost done but not yet. Right now just adapted the top as you can see in the image.

[Tom]

Is the image wide enough to fill the area? Hard to tell without actually seeing the site.

[Alejandro]

Yes it is wide enough. With your advise as you can see in the image the blank space in the top was covered but not the left and right blank sides.

@Tom, here you have the web, I published to be able to see it.

http://www.patrullaviajera.com/clon

[Tom]

You don’t seem to be adding the images as featured images on this site? They’re inside the content.

If you do it this way, you would need to wrap your content images inside an element with a class so we can target it,

[Alejandro]

The image was not inside the content, it was in the section “Page Header”, but I have just removed the image from “Page Header” and added to the “Featured Image” and it happens the same.

[Tom]

On this page?: http://www.patrullaviajera.com/clon/en/

I’m still only seeing images inside the content – none added using the Featured Image meta box.

[Alejandro]

On this page sorry (spanish) http://www.patrullaviajera.com/clon/es/

[Tom]

Where did you add this CSS?: https://docs.generatepress.com/article/adjusting-the-featured-images/#removing-the-outside-padding-spacing

[Author]

Posts