1

[JohnnyBeGood]

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!

[Kenneth John Odle]

Kenneth John Odle

#40642

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

[JohnnyBeGood]

JohnnyBeGood

#40643

I apologize. Will do.

[Anonymous]

Anonymous

#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]

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.

[Anonymous]

Anonymous

#40646

#slider_root, #content {

background: none !important;

}

Link to your site?

[JohnnyBeGood]

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

[Anonymous]

Anonymous

#40648

Quote:

…I got front page post background in blue.

.featured_slider {

background: none !important;

}

[JohnnyBeGood]

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]

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!