Transparency problem

Hi Aigars,

I’ve been playing around with transparency and have managed to add transparency to the header/footer, main and wrapper. But nothing I’ve tried (including all suggestions on the forum) adds transparency to the content and widget areas. They stay solid white.

I’ve tried this:

.widget, article, .entry-meta-bar {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

and this:

.widget, article {
    background: rgba(255,255,255,0.5);
}

and also:

.widget, article {
    background-color: rgba(255,255,255,0.5);
}

The code used to add transparency elsewhere is:

#branding {
	background-color: rgba(175,197,200,0.7);
}
#main {
	background-color: rgba(248,248,248,0.7);
}
.wrapper {
        background-color: rgba(248,248,248,0.5) !important;
}

So I get something like this: http://img178.imagevenue.com/img.php?image=33439_transp_prob_122_199lo.jpg. Any ideas?

Thanks.

Then try it like this:

.widget, article {
background: rgba(255,255,255,0.5) !important;
}

Thanks that works. I could have sworn I’d already tried that, but obviously not!