http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text Support Forum - Topic: Semi-Transparent Content Boxes (Without affecting text) en-US Wed, 22 May 2013 06:31:47 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-67449 Tue, 24 Jul 2012 23:22:14 +0000 Ismael 67449@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it works. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-67412 Tue, 24 Jul 2012 19:24:10 +0000 Aspireworks227 67412@http://www.kriesi.at/support/ <p>What would I do without you? :) Thanks! </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-67024 Sun, 22 Jul 2012 22:59:51 +0000 Ismael 67024@http://www.kriesi.at/support/ <p>Hey,</p> <p>Maybe this will work.</p> <pre><code>.content .box { background: rgba(255, 255, 255, .8); }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-66956 Sun, 22 Jul 2012 08:24:39 +0000 Aspireworks227 66956@http://www.kriesi.at/support/ <p>UPDATE:</p> <p>For what it is worth, I placed this code in the custom CSS:</p> <p>.portfolio-size-3.content .box, .container.three_columns .content .box {<br /> width: 660px;<br /> background: rgba(255, 255, 255, 0.8);<br /> }</p> <p>This successfully changed the transparency of the main shop page without affecting the products/text (Yay!!) and left the individual product pages unchanged (Also yay!!!), however, every other content box (Such as the About page) remains unchanged and fully opaque.<br /> Not sure if that helps at all, but I figured I'd let you know! </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-66955 Sun, 22 Jul 2012 08:15:55 +0000 Aspireworks227 66955@http://www.kriesi.at/support/ <p>Hi there!</p> <p>My site is ShopCirca360.com, and you're all probably tired of seeing me around the forums by now, but I have another question! :)<br /> I want to adjust the transparency of the content boxes on the website so that the background image shows through slightly.<br /> I scoured the forums and found various snippets of code that kind of accomplished what I was looking for, but didn't quite do it. So here's where my specifics come in to play.</p> <p>I want to be able to fade all the content boxes to, say, 75% opacity without affecting the transparency of the text.<br /> Also, and importantly, I want the product pages (viewing individual products) to remain unaffected.<br /> Is this possible?</p> <p>Thanks in advance! Your support has been great! </p>