Background Issue

Omar Asim 6 years ago

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.

webo 6 years ago

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

Omar Asim 6 years ago

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

netluca1 6 years ago

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

Omar Asim 6 years ago

Hi Netluca,

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