Twenty Twelve
[resolved] Transparent background for Post, Page, Sidebar (6 posts)

  1. gsbohn
    Posted 2 years ago #

    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.

  2. Michael
    Part-Time Forum Moderator
    Posted 2 years ago #

    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.

  3. gsbohn
    Posted 2 years ago #

    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.

  4. Michael
    Part-Time Forum Moderator
    Posted 2 years ago #

    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: http://www.w3schools.com/css/

  5. gsbohn
    Posted 2 years ago #

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

  6. sunnysangster
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.