Full screen background

[MartinLawrence]

I have purchased three themes and still can't figure out how to repeat an image (vertically) as a background.

See the image below.  The green bar is what I achieved by adding the follow to my custom.css

Quote

body {
    background: url(https://...forumbackground.png);
}

I would like is to extend the image down the entire page as shown in the red bar.   The white horizontal rectangle in the image (Work at Home...) should remain the same color.

I am very new at CSS, but hope to contribute to the forum with pages and database knowledge.  🙂

 

Edited April 4, 2021 by MartinLawrence

[Sonya*]

You should use a background-repeat property. E. g.

body {
  background: url(https://...forumbackground.png);
  background-repeat: repeat;
}

 

[MartinLawrence]

10 hours ago, Sonya* said:

You should use a background-repeat property. E. g.

body {
  background: url(https://...forumbackground.png);
  background-repeat: repeat;
}

That will help when the background finally shows, so thank you.   The background is 1000+ pixels long so it is not showing fully in the green line.  I can't find the CSS for where the green line stops to remove the white so we can see the background. 

Edited April 4, 2021 by MartinLawrence

[Morrigan]

@MartinLawrence That is a custom theme so we don't know the specifics of this. What @Sonya* posted should work for the default theme with making the header background transparent. Unfortunately, since that's definitely not default I really can't advise without seeing the site/theme in question.