Support » Theme: Twenty Twelve » Transparent background for Post, Page, Sidebar

  • Resolved gsbohn


    I am using a child them. I want to change the color of the content – that is everything except the themes background to transparent.

    I do not know if it’s a wrapper or content area, but where all the white pallet is for posts, pages, and widgets – I want 100% transparency to come through (which is a parchment look).

    Where do I make that change in the css file.

    I’ve tried

    /*Page Structure */
    {site (background color}

    That doesn’t not seem to be it or I have the wrong css call for transparency.

    It was fine in twentyeleven but can’t seem to find in twentytwelve.

    Thanks for any help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Michael


    Forum Moderator

    please post a live link to your site to get any suggestions with formatting problems.

    make sure to work with either a child theme or to use a custom css plugin, because it is not recommended to edit the default theme Twenty Twelve directly.

    using a browser inspection tool (like Firefox’ web developer add-on) should make it easier to find out where the white background comes from.

    Period Drama

    If I were making webpages like I used to, I would call it the body.

    Using the css call
    background-color: transparent;
    doesn’t seem to work or I am not assigning it in the correct spot.



    Forum Moderator

    the white background is actually defined near the end of style.css;

    to overwrite the white background, add this to style.css in the child theme:

    .site { background-color: transparent; }

    do not copy the full code of style.css of the parent theme into the child theme’s style.css – that is done with this line:
    @import url("../twentytwelve/style.css");

    just add styles to overwrite what you need to change.

    also, in case you want to refresh your css knowledge:

    Thank you, alchymyth. We have Lift Off!
    (I guess you can tell where I live. LOL)

    Not sure if it’s ok for me to ask this here, but with my twentytwelve child theme at I’m trying to make it only partially transparent and only on the homepage. I know i could make a transparent image and set it as the background, but I’m not sure what the code would be or if that’s even the best solution. I hope that makes sense.
    Can you help?
    Sunny S

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Transparent background for Post, Page, Sidebar’ is closed to new replies.