Transparent background

  • JohnnyBeGood

    #8201

    Hi all,

    Thank you for providing this theme free of charge!

    I was asked by one user if I could make my background transparent. I’ve looked around various settings and couldn’t find anything.

    Closest what I came across is twenty 12 theme where it talks about changing

    /* Page structure */
    .site {
    padding: 0 24px;
    padding: 0 1.714285714rem;
    background-color: #fff;
    }

    into this

    /* Page structure */
    .site {
    padding: 0 24px;
    padding: 0 1.714285714rem;
    /* background-color: #fff; */
    background-color: transparent;
    }

    Can someone be kind enough to provide mod. for this theme?

    Arrows in below screenshot are pointing to the area where transparent would look good!

    Mod

    Kenneth John Odle

    #40642

    Moved to Support. Please post in the correct section next time.

    JohnnyBeGood

    #40643

    I apologize. Will do.

    Terry

    #40644

    I’m not sure if this helps – but I used this code to change the content and sidebar of my sites transparent. I put it in the stylesheet of my Graphene child theme:

    #content {
    background: rgba(200, 200, 200, 0.7);
    padding-top: 21px;
    padding-bottom: 20px;
    }
    #sidebar_bottom {
    background: rgba(200, 200, 200, 0.7);
    clear: both;
    margin-top: -10px;
    padding: 0 0 20px 0;
    font-size: 0;
    }

    JohnnyBeGood

    #40645
    Quote:
    I’m not sure if this helps – but I used this code to change the content and sidebar of my sites transparent. I put it in the stylesheet of my Graphene child theme:

    #content {

    background: rgba(200, 200, 200, 0.7);

    padding-top: 21px;

    padding-bottom: 20px;

    }

    #sidebar_bottom {

    background: rgba(200, 200, 200, 0.7);

    clear: both;

    margin-top: -10px;

    padding: 0 0 20px 0;

    font-size: 0;

    }

    Thank you so much for the reply!

    I think I need small tweak to CSS.

    When I enter this into custom CSS:

    #container, #content, #content-main, #sidebar, .entry {
    background: none !important;
    }

    I get this

    If I use your suggestion I get this

    So basically I need your code to be inserted in “pages” and maybe under widgets but I’m more after pages white background, I need to make it transparent with your code.

    Prasanna SP

    #40646
    #slider_root, #content {
    background: none !important;
    }

    Link to your site?

    JohnnyBeGood

    #40647
    Quote:
    #slider_root, #content {

    background: none !important;

    }

    Link to your site?

    Thanks for the reply!

    After I added your code to custom CSS I got front page post background in blue.

    I’m still working on my site and its not publicly available so here’s temp URL

    Prasanna SP

    #40648
    Quote:
    …I got front page post background in blue.

    .featured_slider {
    background: none !important;
    }

    JohnnyBeGood

    #40649
    Quote:
    …I got front page post background in blue.

    .featured_slider {

    background: none !important;

    }

    Now its light blue but its not transparent like it was before. Please check above link.

    JohnnyBeGood

    #40650

    Prasanna SP,

    Did you had a chance to look into it?

    I had to revert back to original but if you let me know when you’ll have time I can change it.

    Thanks!

Viewing 10 posts - 1 through 10 (of 12 total)

You must be logged in to reply to this topic.