Could someone shed some light on a problem I am having in the 20-24 theme footer.
I have tried to add a background image to the footer, with a clear background selected in the editing panel above this. Unfortunately, when I save something strange is happening. In the “preview site” the background change is taking place and all looks fine. However what is published to the domain is a footer missing the background image. When I go back to the editor, remove the background image, and add a background color instead, this works perfectly. Basically, I can only see the image change in the footer I want, within the WP preview, it never seems to publish with the image.
Am I missing something here? Would appreciate some guidance. Many thanks.
ps the image is a png, and if I add it anywhere else in the site it publishes perfectly.
The “correct” footer image in the editor test view looks like this … http://3.75.63.24/ … however on the domain no image show at all and it is entirely white, as per the background.
I have therefore had to temporarily adding a straight background which looks like this … https://5wf.org/
This issue also occurs when using a background image in the header.
Here http://3.75.63.24/ is what I see when I make the change to the footer, update, and view the page in preview … however …
Here https://5wf.org/, is what that same page looks like on the actual domain – the wave image does not show up.
The current solid colour on the domain page is because if I add no background colour in the footer, the image is simply missing on the domain, meaning the site is not releasable and therefore I cannot leave it like that for you to see the “white” missing image. That you will have to imagine I’m afraid. Sorry.
I have experimented – trying different images, different format images, and images in the header – all with the same result = any image placed in either the header or the footer will show in the preview once updated, but will not show on the actual domain.
I have tried with-image-with-background and with-image-without-background.
The result is that without a background, the image does not show in the header or the footer and therefore a background colour is necessary.
Most browsers will block that, as it isn’t from the root domain the site is loading from. You can see the specific error from the browser in this screenshot.
So essentially it is happening because the background image is being uploaded and used from the http://3.75.63.24/ | test site.
Thanks for explaining @jordesign … am I correct in thinking this is largely to do with our AWS LightSail hosting? (… as http://3.75.63.24/ is the URL in LightSail)
Could you suggest a solution to overcome/solve this problem please? (especially as it seems to be both a header and footer image issue)
Hi @jpm2f – to be honest it could be to do with the hosting – and however the relationship between the staging site and the live site are set up. If it’s just 2 different URLs/domains but the same site – you may be able to resolve it by uploading and inserting the background image from the proper domain instead of the IP address.
The solution – signing into the domain URL WordPress site, not the AWS Lightsail location, after using Bitnami to edit the site domain and WordPress URLs away from the default IP location to the domain URL.
Images loaded from there work perfectly. Thank you for your guidance.
