Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #7068

    Hi there,

    I’m testing Brightbox for a new site and would like to change the white content background in a little (20%) transparent white background.

    Is that possible with code, or maybe with an image?

    Thanks again!



    the fullwidth layout just uses the body background color as background. You ca change the color/bg image with following code:

    body {
    background: url("../images/skin1/bg.png") #FFFFFF;

    I.e. you could change the bg color and create a semi transparent “bg.png” by using Phtoshop (pattern effect, etc.). I’d use images instead of code because the css opacity attributes can cause troubles (cross browser compatibility, etc.).


    Hi Dude,

    thanks for your answer, but I mean the content background in the boxed layout :)


    In this case apply the background image to the boxed div – you can use following code:

    .boxed #wrap_all {
    background: url("../images/skin1/bg.png") transparent;


    That worked :)

    Thanks again!


    Glad that Dude could help :)


    I’ve been trying to figure this one out myself, but I want just the boxed layout background to be semi-transparent.

    I entered the following code in QUICK CSS

    .boxed #wrap_all {

    zoom: 1;

    filter: alpha(opacity=50);

    opacity: 0.5;


    the problem is that my photos and all its contents also become transparent. What is the solution to getting just the boxed layout background color semi-transparent? (For Angular theme but I assume it applies to a lot of other themes)


    You can use a semi transparent image or rgba colors:

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Transparent background content area’ is closed to new replies.