[Resolved] problems with header image

[Mark]

Jetpack is the plugin that is messing with page header image sizing… 🙁

[Tom]

Interesting, do you know which Jetpack module it is? That’s something I’ll have to fix 🙂

For adding CSS, this should help: https://generatepress.com/knowledgebase/adding-css/

[Mark]

The troublesome Jetpack module is Photon, which ‘speeds up images and photos… 😉

[Tom]

K I’ll play with it and see what I can find out 🙂

[Mark]

Thanks for all your help 😉

[Mark]

That CSS worked, by the way, thanks… 😉

[Tom]

I see the problem.

Photon adds multiple srcs to your images to show at different screen sizes – this is great because larger images aren’t loaded on mobile for example, smaller images are.

However, this will conflict with the resizer in Page Header, because Photon kind of forces the specific image sizes that it wants, and ignores any external input.

I’ll see if there’s anything I can do for a future update, but I wouldn’t really want to remove the Photon functionality.

Your best bet at this point if you want to use Photon is to resize the image in the Media Library: https://en.support.wordpress.com/images/image-editing/

That way you get the best of both.

Hope this helps 🙂

[Mark]

Okay, resizing the image it is, then. At least we got to the bottom of it… 😉

[Tom]

Definitely, thanks for bringing it to my attention 🙂

[Feir]

My header isn’t showing up at all even though it says it’s loaded. What to do?

[Tom]

Your main site header uploaded in “Customize > Site Identity”? Does it show in there?

Any chance you can link me to your site?

[Sarah Emmelin]

Hello, newbie coming through. I have a page that is working perfectly fine (static page) with sections, and loads of other goodies. Then, I decided to add a “blog” page which will serve as a newsfeed. Now, I’ve found that I need to add the header picture to all the posts – and the logo – (I think I came across a post here somewhere with coding that solves that problem, but it would be a nice option to just use the normal header picture “all over” as an option) – but, the issue at hand:

The header-picture on the BLOGpage (which I’ve used for the static page) does not show at all when loaded through the normal “site”-options, but it does through the customize page. The problem however is that the picture is left-aligned, and underneath the real header and does not “fill” the entire section, like it does when used on the static pages.

How do I add a picture to the HEADER (behind the logo) in the BLOG-section? :S

[Sarah Emmelin]

Actually, I worked it out. 🙂

[Tom]

Awesome! 🙂

[Author]

Posts