background image on login page

hardeyboyz

hi Karl. i would like to change the background image of the login page replacing the black background with this css code but not successful.. please do tell me what ive done wong?

creating a file name custom.css and this is coding inside the file

.page-login-body {
height: 500px;
background-image: url("images/wall.png");
background-color: #00000;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 98%;
}
</style>

Karl

hardeyboyz Do you have a link? Where is the file url("images/wall.png"); located? The path you have noted there is relative to the CSS file.

hardeyboyz

nope..i put this in my local network..can be accessible offlin only..here i enclosed my screen shot where i put the image

Karl

hardeyboyz I can't possibly know why a custom CSS background is not working on your localhost server. Wrong extension? Open browser developer tools, check "network" tab, see if the file is loading or if there are any errors there. Check "Elements" tab and see what CSS is applying to page-body-login.

hardeyboyz

Karl

here i attached 2 pic. the top is from of index.php version 0.11 ..seems working well and able to read the custom.css

where as the below picture is the index.php version 0.12 ..unable to read the custom.css

both custom.css is the same content..

what did i do wrong? =( it looks like the my 0.12 version failed to connect with custom.css

both folder are in the same level directory after htdocs
( folder ABT and folder Files)

Karl

hardeyboyz Well, it's not like the html structure will always remain the same, so it's not guaranteed that your custom CSS will work. It is guaranteed that the the custom.css will load though. As noted, I can't see from your screenshots why it's not working. If you want, you can send my your _files/custom/ dir in a zip file (which should contain both CSS and image file), and I can try it from here ...

Below is latest Files Gallery version with red background successfully applied to login from custom.css.

hardeyboyz

[https://drive.google.com/file/d/1tnvhTOOI2Kgvh1JOZbMDI-QKhxB3mFC4/view?usp=sharing](https://)
here i attached the _files/custom/ dir in a zip file for you to test.. hope it will help rectify my problem ..

thanks again karl for fast respond

Karl

hardeyboyz Ok, I can see the problems. First of all, the path to the CSS should be _files/css/custom.css not _files/custom/custom.css like you have. It has always been like that, as specified in the docs:
https://www.files.gallery/docs/css-styling/

Also, you need to remove the <style> tags from your CSS file. You have this:

<style>
.page-login-body {
  height: 500px;
  background-image: url("images/wall.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 98%;
}
</style>

It should be:

.page-login-body {
  height: 500px;
  background-image: url("images/wall.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 98%;
}

hardeyboyz

ok.. i have done that (removing the style tag and rename the folder to css instead of custom)but still the page remain the same, the background image wont load.. or is it i need to rebuild the custom.css it from scratch instead of editing it? is there any steps that i miss?

Karl

hardeyboyz Well, you can send me the updated ZIP file. The last one you sent contained two flaws which prevented it from working, so now we found those problems at least. If you have fixed it, we can try again. As before, I can only diagnose from a link or if you can send me zip.

No, you do not need to rebuild anything from scratch, unless the HTML changed.

hardeyboyz

Karl

[https://drive.google.com/file/d/1gE-HAQ85MuDrlOkdmJLVj1pEvcWZCxRN/view?usp=sharing](https://)

here are the updated ZIP file as per request. hope this will help resolve the problem

Karl

hardeyboyz Below is a screenshot from when using your custom.css. Works exactly as expected:

hardeyboyz

omg... so what could possibly cause it wont load at my end? im totally clueless on how to fix it as you prove the latest _files that i zipped works at your end...zzzz

Karl

hardeyboyz Hard to say from here. Maybe try to delete the _files/css folder, then recreate it? I can only imagine it's related to file permissions on your server.

hardeyboyz

Karl (Maybe try to delete the _files/css folder ) i have try this also.. it will only got success if i put back the old index.php from previous version. then custom.css is loaded.. strange

if i used the older version of index.php i will not getting the updates of new function like add new user : 🙁

Karl

hardeyboyz Well, I'm sorry but I can't help. Custom CSS still works fine in current version. Why it doesn't work for you on your local server, I don't know. I can't diagnose as long as it's on your localhost. I have already diagnosed the files you sent, and as you can see, it works fine.

Karl

hardeyboyz Don't you have a public website where you can just test it even?

hardeyboyz

Karl not yet...currently im applying on the local server 1st for testing.. iafter successing in implementing in the local host, already buy the premium license for it as i was happy and eager to use it further..once all good i will apply and upload it on the government server where i work as i know for sure this file system will benefit our sector so much.. what mind blogging me the previous version index.php version 0.8 works well ..

cant figure how this index.php newer version wont work at my end as you proof at your end it works.. its just the customs.css wont load other fuctions works good..zzzzz

i intend to try fresh installation on my laptop and see how it goes

hardeyboyz

hi Karl.

i have done fresh installation of the files gallery version 0.12 on a new laptop, it aint working. can you give your test version (full) that successfully upload the wallpaper as I would like to copy and paste it on my end and pray it will work.

if that doesnt success also, i dunno what else could..

Karl

hardeyboyz There is no "full" version. It's just a CSS file background image assigned. See this:
https://forum.files.gallery/d/608-changing-background-of-login-page/26

Another user (in the post above) has this same problem, so I need to check if this issue is Windows-related.

In the meantime, you could easily solve the issue by including your CSS file in _files/include/head.html:

<link href="path/to/_files/css/custom.css" rel="stylesheet">

You will need to modify the path above so that it loads the CSS file from browser.

hardeyboyz

Karl

how do i include in /include/head.html?
in _files there is config folder and cache folder

hardeyboyz

Karl

this above code i write on custom.css file? then i put the custom.css file into the include directory?

like this?

what to put into head.html as i just create the blank file

Karl

hardeyboyz Why you can't read what I wrote previously?

Karl In the meantime, you could easily solve the issue by including your CSS file in _files/include/head.html:

<link href="path/to/_files/css/custom.css" rel="stylesheet">

You will need to modify the path above so that it loads the CSS file from browser.

That means inside the _files/include/head.html file you will have:

<link href="path/to/_files/css/custom.css" rel="stylesheet">

That's what you put in the head.html file.

hardeyboyz this above code i write on custom.css file? then i put the custom.css file into the include directory?

like this?

No. Why have you moved CSS and PNG into the include dir? You keep those files exactly as they were. All you need to do was what I said in the first post, and then fix the path to your CSS.

hardeyboyz

Karl

<link href="path/to/_files/css/custom.css" rel="stylesheet">

im having problem understanding on how to modify path..

so if the root folder name is repository

the path should be like this?