[Support request] Single home page image in page header no longer showing

[Michiel]

Hi, I normally have a single image showing in my homepage and when clicking on the image you enter the rest of the website.
Since the latest update that image no longer shows. I had this image in the page header. It still is there, but it just won’t show anymore.
Now you only see the footer but miss this image.
Any ideas how to get the image back?

[Michiel]

I tried adding an image through the new overall page headers. But although I get the image showing in a test page, the hyperlink does not work which I add to the image in the page header. Maybe because it is a background image? Before the update all worked fine. I used to only have an image in the page header. No content. But somehow now this is changed and content must be there. When I add the “featured” image by adding {{custom_field._thumbnail_id}} in the content, the image may show but the link won’t work.
Test page: http://www.jeugdkringchrisko.nl/test/
Also added the image back to the homepage, but the link on the image does not work: http://www.jeugdkringchrisko.nl/
When you click on the image you should go to: http://www.jeugdkringchrisko.nl/welkom/
Any ideas? Thanks in advance.

[Leo]

Hi there,

Page header has always required content. But it can be a space or <!--HTML comment-->.

To achieve something like that, try this in page header content:
<a href="https://LINK-HERE"><img src="http://IMAGE-LINK-HERE">

[Michiel]

Thanks for the quick response. I probably had a space in the content if there was always content.
I tried your proposed solution, however it does not solve the issue as good as it used to be.
I do now have an image there which can be clicked, but before the link of the background image worked also.
The page header functionality offers to add an image and an image link. This image link simply does not work anymore. By using the image option from the page header and not putting it in the content of the page header, the image spread out nicely across the page, regardless of the size of the page.
With the proposed solution, the link can be made, but the page no longer looks ok.
I added some css now as well and had to remove the image which was provided via the image option, because it would result in two images.
However, I would like to use the image option which is in the content header, and having the link option which is offered working as well, instead of adding the image in the way you proposed.
Can you explain why the image link which is offered in the page header does not work anymore?
Thanks.

[Leo]

Huh that’s weird it’s not working for you.

I just tried this: http://www.screencast.com/t/Q9N7ehJrPu

And both options are working without adding content.

Just making sure these are the steps you are taking.

What have you disabled in here? https://docs.generatepress.com/article/disable-elements-overview/

[Michiel]

Hi Leo, thanks for helping out and showing via the video. I have these items also filled that you show.
I have disabled Header, Primary Navigation, Secondary Navigation and Content Title. The rest is enabled.
I have an image selected in the Image tab of the Page Header, I have an Image Link there as well. I have Resize Image Enabled and for the width and height 0 and 0.

[Leo]

Hmm wouldn’t resizing the image to 0 and 0 just remove the image?

[Michiel]

Hi Leo, below the place where you can enter the numbers it says: Use “0” or leave blank for proportional resizing.
Even when clearing it and saving, automatically there are zeros filled in.

[Leo]

I think leave it for proportional sizing is when you set at least the width or height so that the other size resize accordingly.

Can you turn off image resizing and test?

[Michiel]

I turned it off, however, no change. The image is not clickable.
http://www.jeugdkringchrisko.nl

[Michiel]

Hi Leo, I created a different solution so that at least the image is clickable.
I have added some css code to the page which adds a clickable link to the entire page above the background image.
.mb-takeover {
position: absolute;
left:0;
top:0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
And then added the link to the Content part of the Page Header:
Solution via this page: https://www.mhthemes.com/blog/create-clickable-background-images-wordpress/
Although it does not solve the mysterie for the image link not working, for the short term this is a solution.
So I am still interested in the proper solution, although I can imagine it is hard to track if on your end stuff is working.

[Leo]

Can you try turning off Add Background image?

All you need should be to upload a featured image or custom image, then add the image link. Everything else should be off: http://www.screencast.com/t/G1huJVSC3uss

[Michiel]

I turned everything off like you showed in the video.
The result is that no image is showing anymore.
This is what I had before and worked before the upgrade.

I have a test page for checking the issue because I do not want my homepage not working.
http://www.jeugdkringchrisko.nl/test/
There you can see there is no image, although one is added to the Page Header image tab.
Over here it is now just after midnight, so I will continue tomorrow.
Thanks for all the help.

[Leo]

Can you send me the admin access to your site through Account Issue here? https://generatepress.com/contact/

Just reference this topic.

Thanks!

[Michiel]

Hi Leo, I am not sure what you mean?
Do I need to send my admin credentials in one of the fields of the contact form for Account issues?

[Author]

Posts