Transparent background for Post, Page, Sidebar

  • Resolved gsbohn

    (@gsbohn)


    12 years, 1 month 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.

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

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

    Thread Starter gsbohn

    (@gsbohn)

    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.

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

    Thread Starter gsbohn

    (@gsbohn)

    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 https://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

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