Set content box transparent

  • Author
    Posts
  • #1388859

    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 pwdesigns.de.

    #1388958

    johndcoy
    Staff

    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;}

    #1388988

    Thank you but still don’t work. See here the screenshot: http://thewesternview.files.wordpress.com/2013/08/369.png

    #1388994

    Hey @weinfurtnerp,

    Mind trying the following CSS bit? :)

    #page {
        background: none;
    }
    #1388995
    #1388996

    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?

    #1388997

    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…..

    #1388998

    Or is there a way to still have the page background, but only transparent?

    #1388999

    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).

    #1389001

    Great! Works both perfectly! Thank you so much. You made my day!

    #1389002

    Oh, you are welcome :)

    #1389003

    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?

    #1389004

    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.

    #1389005

    Thx, but no change unfortunately….

    #1389006

    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.

    #1389007

    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!

    #1389015

    There, you are missing a curly brace after the following bit! :)

    #home-widgets { background: none;

    #1389017

    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;
    }

    #1389018

    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

    #1389019

    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?

    https://maps.google.de/maps?q=pwdesigns+regensburg&hl=en&sll=51.151786,10.415039&sspn=9.307307,26.784668&hq=pwdesigns&hnear=Regensburg,+Upper+Palatinate,+Bavaria&t=m&z=15

The topic ‘Set content box transparent’ is closed to new replies.