WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. gsbohn
    Member
    Posted 1 year 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. alchymyth
    The Sweeper & Moderator
    Posted 1 year 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
    Member
    Posted 1 year 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. alchymyth
    The Sweeper & Moderator
    Posted 1 year 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; }

    btw:
    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
    Member
    Posted 1 year ago #

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

  6. sunnysangster
    Member
    Posted 1 year ago #

    Not sure if it's ok for me to ask this here, but with my twentytwelve child theme at http://50.22.11.33/~skymount/ 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?
    Thanks,
    Sunny S

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.