Allowing background image to show through

[Argent]

Hi guys,
Can anyone tell me how to make the main content area transparent (currently white) in order to allow the background image to show through?

http://www.earth-wind-fire.com.au/

Any help appreciated.

[coothead]

Hi there Argent,

a quick look at the code suggests…

#page {
    background-color:transparent;
 }

coothead

[m3g4p0p]

Just remove the background-color: #fff; bit from the div#page. :-)

x-post

[Argent]

Got it guys, many thanks

[ronpat]

Did you use one of the suggested solutions? If so, which one? (We like to know how you solved the issue )

[Argent]

Yes ronpat, sorry I should have been more explicit, I managed to solve this using the following but appreciate the help.

.site-info {
   display: none;
}
.attachment .hentry {
   background-color: transparent;
}
.attachment .entry-content {
   background-color: rgba(255, 255, 255, 0.50);
   border-radius: 50px;
   margin-bottom: 100px;
}

[ronpat]

Thanks for the info, Argent. That’s a strikingly attractive page.

Mind if I toss in another suggestion? The <h2 class="site-description"> has a large left margin which affects the layout adversely as the width narrows. I think you would be better served if you replaced that left margin with {text-align:center;}

Seems worth a try.

[Argent]

Definitely! ronpat thanks for the suggestion, I applied that - works great. Thanks also for the compliment on the page