Achtergrond afbeelding inlogscherm Atum template

Ik ben het inlogscherm van de Atum template een beetje aan het aanpassen.
Nu krijg ik in Firefox wel een ge-uploade achtergrondafbeelding te zien, maar in Google en Edge niet.

Ik heb om dit werkend te krijgen een custom css file gemaakt met de volgende inhoud: De custom css file staat hier: /media/templates/administrator/atum/css/user.css
Dit is de website waar het om gaat: domeintest.eu/administrator

Ik heb zelf even gekeken met de inspector en zie wel dat de afbeelding wordt geladen. En dan lijkt het erop dat er een zwarte (of donkere) achtergrondkleur overheen wordt gezet. Zelf zou ik niet weten wat ik daar aan kan doen.

Hopelijk weet iemand wat er fout gaat.

Groet, Peter

Ik vermoed browsercache. Ik zie de afbeelding in alle browser ondanks het feit dat je css behoorlijk rammelt. 

Interessant, want ik ben nog nooit op die pagina geweest en zie de achtergrondafbeelding alleen in Edge en niet in Firefox en Chrome.

Hier werkt het ook in alle browsers.
Je zult er wel voor moeten zorgen dat je css ook werkt bij dark mode instelling van de browser.
Dat werkt namelijk niet.
Wat een moeite trouwens voor het inlog scherm.

Dank allen voor het meedenken.
Ik heb de css opgeschoond en dit is het geworden:
Ik hoop dat het nu niet meer "rammelt"?

En deze regels nog toegevoegd voor de "Dark Modus"
Dat was het probleem bij mij in Edge en Chrome, die browsers stond in Dark Modus.

En veel  moeite, ach, ik vind het gewoon mooier, maakt de websites wat persoonlijker.

Gr. Peter

Als het werkt, werkt het, maar even ter info: is geen geldige selector.