Linking a CSS background-image

[Edrol97]

Hi All,

I want to link a css background image to a page. Does anyone know if there is a way to do this?

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[menator01]

Not really sure I understand but, if you want the whole page covered, you can use the body tag.
Not tested but, something like that.

body {
    background-image: url(path/to/image);
    background-repeat:no-repeat;
    background-size: cover;
}

 

[tomliv]

Not really sure I understand but, if you want the whole page covered, you can use the body tag.
Not tested but, something like that.

body {
    background-image: url(path/to/image);
    background-repeat:no-repeat;
    background-size: cover;
}

@Edrol97 Be aware that this will absolutely work, however if you have a short page the background image will only be behind the area taken up by the content as the body is only as tall as your content. You can specify a 100% (or 100vh) height/min-height on body element to ensure it fills the viewport and your background image will then also fill the viewport.

 

[Edrol97]

@Edrol97 Be aware that this will absolutely work, however if you have a short page the background image will only be behind the area taken up by the content as the body is only as tall as your content. You can specify a 100% (or 100vh) height/min-height on body element to ensure it fills the viewport and your background image will then also fill the viewport.

I've managed to do it here

 

[Zakwan@MTH]

Hey There !
You can easily set a background image for your page using CSS. Just add a background-image property to your CSS, Iam including an example code so you can have an better understanding

body {
  background-image: url('path-to-your-image.jpg');
  background-size: cover;
  background-repeat: no-repeat; 
  background-position: center; 
}