How to make body background image fixed and main container semi-transparent

[ven0m]

Heisenberg submitted a new resource:

You must be registered for see links

- How to make body background image fixed and main container semi-transparent

vB Version: 5.x.x

Add this in css_additional template or via Sitebuilder > Style > CSS Editor.

[B][I]body {
    background: url("path/to/the/background/image.png") no-repeat center fixed;
    background-size: cover;
}
#content {
    background-color: rgba(255,255,255,0.8); //white with 80% transparency (adjust as needed)
}[/I][/B]

Important Notes:

1. Compress the image to minimize file size and not affect page...

You must be registered for see links