http://www.kriesi.at/support/topic/transparent-background-content-area Support Forum - Topic: Transparent background content area en-US Wed, 19 Jun 2013 18:04:14 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/transparent-background-content-area#post-43297 Fri, 24 Feb 2012 07:54:02 +0000 Dude 43297@http://www.kriesi.at/support/ <p>You can use a semi transparent image or rgba colors: <a href="http://www.css3.info/introduction-opacity-rgba/" rel="nofollow">http://www.css3.info/introduction-opacity-rgba/</a> </p> http://www.kriesi.at/support/topic/transparent-background-content-area#post-43282 Fri, 24 Feb 2012 05:04:01 +0000 jessipoo 43282@http://www.kriesi.at/support/ <p>I've been trying to figure this one out myself, but I want just the boxed layout background to be semi-transparent.</p> <p>I entered the following code in QUICK CSS</p> <p>.boxed #wrap_all {<br /> zoom: 1;<br /> filter: alpha(opacity=50);<br /> opacity: 0.5;<br /> }</p> <p>the problem is that my photos and all its contents also become transparent. What is the solution to getting just the boxed layout background color semi-transparent? (For Angular theme but I assume it applies to a lot of other themes) </p> http://www.kriesi.at/support/topic/transparent-background-content-area#post-32496 Sun, 20 Nov 2011 05:38:57 +0000 Chris Beard 32496@http://www.kriesi.at/support/ <p>Glad that Dude could help :) </p> http://www.kriesi.at/support/topic/transparent-background-content-area#post-32467 Sat, 19 Nov 2011 18:00:50 +0000 traveljunks 32467@http://www.kriesi.at/support/ <p>That worked :)</p> <p>Thanks again! </p> http://www.kriesi.at/support/topic/transparent-background-content-area#post-32456 Sat, 19 Nov 2011 16:18:06 +0000 Dude 32456@http://www.kriesi.at/support/ <p>In this case apply the background image to the boxed div - you can use following code:<br /> <pre><code>.boxed #wrap_all { background: url(&quot;../images/skin1/bg.png&quot;) transparent; }</code></pre> http://www.kriesi.at/support/topic/transparent-background-content-area#post-32454 Sat, 19 Nov 2011 15:47:07 +0000 traveljunks 32454@http://www.kriesi.at/support/ <p>Hi Dude,</p> <p>thanks for your answer, but I mean the content background in the boxed layout :) </p> http://www.kriesi.at/support/topic/transparent-background-content-area#post-32452 Sat, 19 Nov 2011 15:32:32 +0000 Dude 32452@http://www.kriesi.at/support/ <p>Hey,<br /> the fullwidth layout just uses the body background color as background. You ca change the color/bg image with following code:<br /> <pre><code>body { background: url(&quot;../images/skin1/bg.png&quot;) #FFFFFF; }</code></pre> <p>I.e. you could change the bg color and create a semi transparent "bg.png" by using Phtoshop (pattern effect, etc.). I'd use images instead of code because the css opacity attributes can cause troubles (cross browser compatibility, etc.). </p> http://www.kriesi.at/support/topic/transparent-background-content-area#post-32432 Sat, 19 Nov 2011 07:18:31 +0000 traveljunks 32432@http://www.kriesi.at/support/ <p>Hi there,</p> <p>I'm testing Brightbox for a new site and would like to change the white content background in a little (20%) transparent white background.</p> <p>Is that possible with code, or maybe with an image?</p> <p>Thanks again! </p>