Hi Sir,
how to get transparent in body?
I want delete white body to transparent, like this link http://prntscr.com/7pw52p
regards
J
Here’s a good start. It’s how I’ve added some opacity to the body on my site – InsideTheStar.com. This will get you started and may do the whole thing. You’ll have to check it out once applied and find any gaps, if there are any.
.td-post-template-3 .post,
.td-post-template-4 .post,
.td-post-template-6 .post,
.td-post-template-7 .post,
.td-post-template-9 .post,
.td-post-template-10 .post,
.td-post-template-11 .post {
background-color: transparent !important;
}
.td-post-template-3.post,
.td-post-template-4.post,
.td-post-template-6.post,
.td-post-template-7.post,
.td-post-template-9.post,
.td-post-template-10.post,
.td-post-template-11.post{
background: transparent !important;
}
.td-post-template-default article,
.td-post-template-1 article,
.td-post-template-2 article,
.td-post-template-5 article,
.td-post-template-8 article {
background-color: transparent !important;
}
.td-post-template-8-box,
.td-main-content-wrap,
.td-category-grid,
.td-category-header {
background: transparent !important;
}
Add those four rules to your Custom CSS in the theme panel.
Like I said, it’s a starting point.
Lots of containers layered with various backgrounds set. You have to go through them. What I gave you will cover 70% of it if you did it right. Clear caches too (site, CDN, and browser). Use Inspect in chrome or FireFox to identify the containers that need a transparent background applied.
Good Luck.
Hi,
Please try this custom css in Theme Panel > Custom Css and also clear cache:
.td-page-wrap {
background-color: transparent !important;
}
Thanks!
