Transparent page/post background

link ??

If you don’t use a color code the background is transparent, I believe.

I’m currently trying something similar, but I want to add a background image to mij pages and post with the content in that image area. Can’t seem to get it right though :p
but thats how I found out that not adding anything I see my theme background.

@piyush: I don’t want to provide a link to it now even though I understand it would be easier if I did.

My goal is to change the page/post background from original white color to transparent white. This is how it looks without any modifications: https://www.yoarts.com

@cd_be: What should the code look like? If I remove the text, #fff;, completely then it seems like it grabs it from the parent theme since a use a child. And if I put “none” it’s still white.

I whould try something like this:

#primary{
background-color:transparent;
padding:0
}

I’ve tried it but it doesn’t work. It just get’s plain white. I’ve tried with “background-color:” and also the original “background:”.

And with div?

div
{
background-color:transparent;
}

I get the same results with div. Just white. Do you think that I need to combine it with some opacity rule?

And The background from your theme is that white too?

What you could to is write a different .css style just for The page.php & post.php.

Maybe this can help you:

https://www.ads-software.com/support/topic/opaque-transparent-content-area-in-responsive-theme?replies=15

No, I use an image as background.

I’ve checked the example in the link you’ve sent and I tried generating rgba and also just to use #FF6699(pink) to see what happens but it has no effect at all.

#wrapper { background: transparent; }

With the #primary I start getting closer. With this code it make it translucent but there is still something white blocking that it hits instead of going directly to my background image.

#primary{
background-color:rgba(255, 133, 255, 0.5);
padding:0
}

I can’t find figure what it is. Do you have any other ideas?

Thank you for your help so far.

I looked it up at css-tricks. I was out if idea’s. hopes this helps

https://css-tricks.com/snippets/css/transparent-background-images/