Set content box transparent
-
Hi,
I know this issue has been treated quite often already, but dor my theme nothing works.
I want to see the background image a little bit through but nothing worked until now (Theme Stay): http://pwdesigns.de/
Can anyone help which css code i could use that the content boxes get transparent?
The blog I need help with is: (visible only to logged in users)
-
Hello,
Use the following CSS to change the content background from white to transparent, for the Stay Theme:
.hentry { background: none repeat scroll 0 0 transparent;}
-
Thank you but still don’t work. See here the screenshot: http://thewesternview.files.wordpress.com/2013/08/369.png
-
-
Oh, I see. I tested it only with the main page, previously.
See if that does the trick:
#page, .hentry { background: none; }On a side note, I don’t see that background here. Did you save it already?
-
Great!!!! Now it works! You are brilliant!
One last thing: Would you have also a solution for the footer? It is actually a text widget…..
-
-
One last thing: Would you have also a solution for the footer? It is actually a text widget…..
You mean to also remove its background? The following should do it:
#home-widgets { background: none; }Or is there a way to still have the page background, but only transparent?
Like a translucent background? If so, you can replace “background: none;” in the previous CSS rules with:
background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5);You can adjust the transparency by replacing the “0.5” value with any value between 0 and 1 (zero being fully transparent and one being fully opaque).
-
-
-
Ok one very last question: I just discovered that the featured sliders at “Home” are always backed white, even I use PNG pictures. is there also a way to let them be transparent? Like it is after u clicked on one of them?
-
Give this a try:
.flexslider { background: none; }Again, if you want it to be a translucent layer over your content, you can just use that “rgba” value for the “background” property, as we did before.
-
-
That’s odd. I tested it here again, adding that CSS to the bottom of your custom stylesheet with Firebug, and it seems to work. Do you mind checking your CSS for any missing semicolons or braces? Those things are pretty easy to miss, but they might make a big difference in how your CSS is processed.
-
See: http://thewesternview.files.wordpress.com/2013/08/123.png
But no problem I also like it fully white. Looks nice now, thanks to you!
-
There, you are missing a curly brace after the following bit! :)
#home-widgets { background: none; -
I think I don’t get it… You say that there is a brace missing at the end? But it IS there…
#home-widgets {
background: none;
} -
In the screenshot you posted previously, it is missing a closing curly brace after that bit. See https://thewesternview.files.wordpress.com/2013/08/123.png
-
In the screenshot you should see it on number 15….
Anyways, don’t bother. It is ok.
But let me ask something new again if you don’t mind.
Until now I found no way to integrate a interactive google maps section. Google only offers the iframe-code… Do you know how to do it?
- The topic ‘Set content box transparent’ is closed to new replies.