Background Issue

Hello People,

I have added a background to my login page by adding some code to app.css file and release.html, background image is shown on the screen but in tiles form, I would like to make it in full page form. Let me know any further code that I should be adding in the existing one I did to make it on the full screen, below is the copy of the code added.

Code in app.css file:

.bg {
background: url(fleet.jpg);
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}

code in release.html file:

<html class="bg">

I have made the width and height as 100% but still it shows in tiles form.

webo5 years ago

.bg {
background: url(fleet.jpg) no-repeat;
background-size: cover;
}

Omar Asim5 years ago

Thank you Webo, problem solved ! Really appreciated the help.

netluca15 years ago

Is it possible to have a complete example?
When entering traccar then does the default gray background return?

Omar Asim5 years ago

Hi Netluca,

If you would modify with the code over app.css, the gray background would change permanently.