Allowing background image to show through

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?

Any help appreciated.

1 Like

Hi there Argent,

a quick look at the code suggests…

#page {


1 Like

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



Got it guys, many thanks :slight_smile:

1 Like

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

1 Like

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;

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.

1 Like

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

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.