Header/Footer transparency disabled by product tabs

[Jared]

Jared

April 1, 2014 at 10:01 am

I’m using the following CSS to enable transparency in the header, footer, widgets, and body:

.wrap.contentclass {background: rgba(255,255,255,0.65) !important;}
.footerclass {background: rgba(255,255,255,0.2) !important;}
.banner.headerclass {background: rgba(255,255,255,0.2) !important;}

.widget-1.widget-first.footer-widget {background: rgba(255,255,255,0.65) !important;}
.widget-2.widget-second.footer-widget {background: rgba(255,255,255,0.65) !important;}
.widget-3.widget-third.footer-widget {background: rgba(255,255,255,0.65) !important;}

The transparency works fine on the regular pages, and on the product pages IF the product tabs are disabled. When the tabs are enabled, the transparency is disabled. I tried adding the !important tags, but that didn’t help. Any ideas on this one?

*Login to see link

Thanks!