Background images (with overlay) show locally but disappear when pushing to GitHub pages

[Llannelongue]

Checks

• I have searched the docs, existing issues, and existing discussions for answers first.

Link to your website repo

https://github.com/Llannelongue/lannelongue-group-website

Version of Lab Website Template you are using

1.3.1

Description

Hi,

Apologies I feel there is probably something very obvious I'm missing here: I'm having an issue with the header of the main page and the header/footer background image (i.e. the images with a dark overlay for readability). When editing the site locally, everything works fine (screenshot 1 and 2), but when pushing it to Github Pages, the online version only shows a black background in these two spaces (screenshot 3 and 4). I must have made a mistake somewhere, but I can't figure it out. I've tried displaying the two images as "normal images" at the bottom of the main page, and that works fine, so the paths should be fine.

Any suggestions much welcome, thanks!

---

This works fine locally:

But online...

[vincerubinetti]

I can verify it does work locally but not online. You're not doing anything wrong, this is some kind of bug.

On your site, the header image background is being incorrectly set as /lannelongue-group-website/lannelongue-group-website/images/generic_images/banner_greenComputing1.jpg:

It's as if your baseurl is being set to /lannelongue-group-website/lannelongue-group-website, but it seems to be being set correctly when building your site:

I'm looking into this. One thing I notice is that you are the first person (to my knowledge) to use a custom url, but not have the site be at the root, e.g. https://www.lannelongue.eu/.

[Llannelongue]

Ah interesting, thanks for checking so quickly! GitHub actually chose this URL by default when I created the repository as a project page (because I already had a user page running), but I was planning to move it to a custom root url anyway.

[vincerubinetti]

To be fixed by v1.3.2: #297