Katryne wrote:

Here is what I entered in Local file Editor (my image is repeated) :

Code:

body {background-image: url(/local/css/papier.jpg)!important;}

Maybe the !important before the comma is ...important

But in which directory do I put the image?

My gallery is now online, with no albums yet (https://musicianaire.ca/gallery/). The page background is black, but the URL for the image is /local/css/images/wood.jpg, same path as yours but of course different image name.  The background is not appearing on my page.

Last edited by cbiweb (2022-01-25 01:56:47)

Katryne wrote:

That is how I manage it, on all 3 url of my profile. One site with Bootstrap darkroom, the 2 others with Modus.

But in which directory is the actual image?


/local/css/papier.jpg[ is only a reference URL.  If you go to your /local/css directory, you will see there is no image file there.  The image file must be somewhere, but where?

Last edited by cbiweb (2022-01-25 20:18:12)

Thanks erAck, but the problem is that wood.jpg is already in the directory where I want it to be, it has been all along (gallery/images/).  You can view the file directly by going to https://musicianaire.ca/gallery/images/wood.jpg
As you'll see it is very much there.

However, when I put the following code into LocalFilesEditor > CSS, it does not show up on my gallery pages:

body {
 background-image:url("images/wood.jpg");
 background-position:left top;
 background-size:auto;
 background-repeat:repeat;
 background-attachment:scroll;
}

Whether I use 'images/wood.jpg' or '/images/wood.jpg', it doesn't show up.
'gallery/images/wood.jpg' or '/gallery/images/wood.jpg' doesn't work, either.
Wrapping it in quotes or single quotes doesn't work.
Putting '!important' at the end doesn't work (yes I put it before the semi-colon :) )

I'm baffled.  This is one of the most basic things in Web design, so I can't help thinking there's a magic trick that Piwigo is waiting for me to do, lol.

Last edited by cbiweb (2022-01-26 06:15:24)

erAck wrote:

Apparently currently you are using the relative path images/wood.jpg, the _data/combined/vsltb5.css of https://musicianaire.ca/gallery/ has url(/gallery/local/css/themes/default/images/wood.jpg) which of course results in a 404 error. If I change that to url(/gallery/images/wood.jpg) in the Firefox Web Developer Tools Style Editor, I immediately see the expected result.

But you've seen that I tried various versions of the URL in LocalFilesEditor > CSS.  One of those versions was /gallery/images/wood.jpg  - which you recommend.

Am I to assume that LocalFilesEditor > CSS is broken, and I should not use it?  If so, then where should I add the necessary code to make the background show up?

Last edited by cbiweb (2022-01-26 16:03:37)

erAck wrote:

Can you please in LocalFiles Editor change it to url(/gallery/images/wood.jpg)

Done, just as I've done many times before when trying to resolve this issue.

However, it might've been a cache issue, since it now works.  Go figure.....


EDIT: strangely, it still doesn't work in my local development environment.  This is really odd.

Last edited by cbiweb (2022-01-26 22:04:58)