[Resolved] problems with header image

[Mark]

What the generate press page header video shows is possible with the header in the theme is nothing like what I am getting when I try all that stuff on my own pages.

When I set the page header image above content, you can’t reduce the size as shown as the image height doesn’t crop but proportionately reduces the image so that it is of a narrower width than the content area. Is there any way to stop this happening?

Example:

[Mark]

Link hasn’t shown up, it is: http://marandall.com/about/

[Tom]

If you only set the height, it will resize proportionally.

If you set the width and height, it should hard crop and keep the width you set.

Let me know 🙂

[Mark]

But what if I want the image to be thinner but keep it’s width? Is there no way to do that through the customizer (the header video on the GeneratePress site shows this being done on the pages window, but I assume this is from an earlier version and the option is no longer there)?

[Tom]

Then you would just enter the width of the image into the width field.

The width will only change if there’s no value set.

Is doing that not working?

[Mark]

It’s not working. I’ve enabled hard crop and set image to 1200 with 0 image height, and the image header displays at full size. That’s good, but I want it to be narrower. So I keep the image width at 1200, but alter the height to 300, and the image shrinks both in height and width, like this:

About

[Mark]

link didn’t get thorugh again: http://marandall.com/about/

[Tom]

Did you upload the image through the “Page Header” metabox or the WP Featured Image metabox?

The resizing only works if the image is added in the Page Header area.

[Mark]

Through the “Page Header” metabox. 🙂

[Tom]

Just tested it – definitely working on this side.

http://screencast.com/t/O4zrWrBV4

http://screencast.com/t/zDDkfCVZ

You may have a plugin installed which is conflicting.

Can you try #1 on this page?: https://generatepress.com/knowledgebase/debugging/

[Mark]

Okay, I’ll go through my plugins… 😉 You can tell I’m fairly new to this, can’t you? 🙂

[Tom]

Weird problems like this are hard to figure out, especially with a combination of plugins etc..

We’ll figure it out 🙂

[Mark]

Okay, deactivated all my plugins and the header image resize is now working as it should. I’ll let you know which plugin is the problem when I find out.

Another issue, though, with the page header image. When I set page header to ‘inside content area’ I want the image to fill that content area to the edges, but it doesn’t – there’s white space around it. How can I get the image to fill the content area?

Here’s how it looks presently: http://marandall.com/about/

[Tom]

You could try some CSS like this:

.separate-containers .inside-article .page-header-image {
    margin: -50px -50px 50px -50px;
}

This would be a good option in the Page Header add-on. Noted 🙂

[Mark]

Newby coming out of me again, but can you please guide me to where I can paste in this code? Thanks…

[Author]

Posts