Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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!

    #56473

    Hey,

    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.).

    #56474

    Hi Dude,

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

    #56475

    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;
    }

    #56476

    That worked :)

    Thanks again!

    #56477

    Glad that Dude could help :)

    #56478

    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)

    #56479

    You can use a semi transparent image or rgba colors: http://www.css3.info/introduction-opacity-rgba/

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

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