MyBB Community Forums

Full Version: How do I make the container background look transparent?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I've seen it on plenty of themes but I can't figure out how...

I do have Photoshop.
Just set the #container's background to a transparent image, or use the opacity CSS3 property.
Yeah, I figured it out, I just took a white background and made it 50% transparent.

Thanks faviouz.
I think this solution is the easiest. It worked for me.

Here is what my container looks like:

#container {
width: 98%;
color: #000000;
border: 0px solid #e4e4e4;
margin: auto auto;
padding: 10px;
text-align: left;
}

That makes the container transparent but the body then shows through. So this is what I have for body:

body {
color: #000;
text-align: center;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

Note that neither has a background line. That is what makes them "transparent'. Since the container and body background are now gone, I widened the forum a bit by reducing the padding to 10px and increasing the width to 98%.
rgba(0,0,0,0.5)