How can i add a background image to the default landing page?

Title says it really i am trying to find where and how i would add a background image to the default themes landing page.

Basic on 03/24/17 at 07:27 in Other

Add comment comment

6 Answer(s)

Hi @gavin,

Add the following style to your custom.css:

.user_register_intro {
background: url('path to your image file');
background-repeat: no-repeat;
}

to get something like this:

Bronze badges on 03/24/17 at 08:07 Edited

Add comment comment

Thanks how do i get the image to go across the whole background. As in cover up the grey behind the text and register box?

Basic on 03/24/17 at 08:30

Add comment comment

Thanks how do i get the image to go across the whole background. As in cover up the grey behind the text and register box?

Basic on 03/24/17 at 08:30

Add comment comment

@Gavin - This worked for me by pasting it into custom CSS - just replace the mymoosocialsite.com with your site, and make sure the https or http is set how your site is too. And upload the image to where it needs to be :)

body[id^='page_guest'] {
padding-top: 125px;
background-color: red;
background: url('https://mymoosocialsite.com/theme/default/img/redlightback.jpg');
}