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: Any ideas?


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!