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.
Thread Starter
uni84x
(@uni84x)
@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: http://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
}
Thread Starter
uni84x
(@uni84x)
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;
}
Thread Starter
uni84x
(@uni84x)
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.
Thread Starter
uni84x
(@uni84x)
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
http://css-tricks.com/snippets/css/transparent-background-images/
