http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar Support Forum - Topic: Add transparent box as the background of .sidebar en-US Thu, 23 May 2013 07:38:23 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-36058 Thu, 29 Dec 2011 11:09:56 +0000 Dude 36058@http://www.kriesi.at/support/ <p>The elements are absolute positioned - I'd add it to page.php before following line:<br /> <pre><code>echo &quot;&lt;/div&gt;&lt;!--end box--&gt;&quot;;</code></pre> http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-35974 Fri, 23 Dec 2011 15:04:52 +0000 giaquinta 35974@http://www.kriesi.at/support/ <p>Dear Dude, thank you for your patience.</p> <p>I've added this code:</p> <p>.content .box {<br /> margin-left: 0px;<br /> bottom: 50px;<br /> background-color: #fff;<br /> background-image: url("../images/skin-minimal/texture_paper_50_small.png") !important ;<br /> }</p> <p>.template-page.content {<br /> background-image: url("../images/skin-minimal/bg-trans20.png") !important;<br /> width: 590px;<br /> margin-left: 221px;<br /> margin-bottom: -70px;<br /> margin-top: 0px;<br /> padding-top: 100px;<br /> }</p> <p>and as you can see (<a href="http://www.asiapalermo.it/svizzero/flashlight" rel="nofollow">http://www.asiapalermo.it/svizzero/flashlight</a>) I've almost solved. To get the same effect I should add right and left border to the new transparent box. But if I use border-right/left css code i don't get the same effect. I've to add other 2<br /> &lt;span class="border-transparent border-transparent-left"/&gt;<br /> &lt;span class="border-transparent border-transparent-right"/&gt;<br /> as in the main sidebar and then modify their classes....my question now is...how can add this code? In which php page should I work? Any ideas? Thanks </p> http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-35952 Fri, 23 Dec 2011 10:59:50 +0000 Dude 35952@http://www.kriesi.at/support/ <p>I think the only problem is your "transparent" png image now because it's not (semi)transparent.<br /> I.e. if I remove the background code around line 69 (your custom pattern image) I get transparent content areas which indicates that the image itself is not transparent. </p> http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-35941 Fri, 23 Dec 2011 10:17:03 +0000 giaquinta 35941@http://www.kriesi.at/support/ <p>Nothing interesting appened, and using background instead of background-image I get a space between the texture sample...but nothing that can be made similar to the image I posted you before.. should I give up? </p> http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-35905 Fri, 23 Dec 2011 07:34:59 +0000 Dude 35905@http://www.kriesi.at/support/ <p>1) For .content .box try "background" instead of "background.image".</p> <p>2) Try to add following code to css/custom.css (before your bg image code):<br /> <pre><code>.box, .blog-meta, .widget { background: none transparent; }</code></pre> http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-35863 Thu, 22 Dec 2011 18:54:56 +0000 giaquinta 35863@http://www.kriesi.at/support/ <p>It doesn't create a new different box but it overwrites the transparent one of the sidebar, check my site to see: <a href="http://www.asiapalermo.it/svizzero/flashlight" rel="nofollow">http://www.asiapalermo.it/svizzero/flashlight</a> </p> http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-35783 Thu, 22 Dec 2011 07:39:41 +0000 Dude 35783@http://www.kriesi.at/support/ <p>Try following code and replace the bg color with your transparent image:<br /> <pre><code>.box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget{ background: #fff; }</code></pre> http://www.kriesi.at/support/topic/add-transparent-box-as-the-background-of-sidebar#post-35693 Wed, 21 Dec 2011 21:05:03 +0000 giaquinta 35693@http://www.kriesi.at/support/ <p>Hi, I would like to know if there is a "simple" way to add another transparent box (like the one on the background of the main sidebar) below the main content box (as you see in this screenshot created with photoshop: <a href="http://www.asiapalermo.it/svizzero/flashlight/example.jpg" rel="nofollow">http://www.asiapalermo.it/svizzero/flashlight/example.jpg</a> ).<br /> I imagine that I should create a div (which should content the div with .box and .content classes) in some php page...an then link it to a css class in the custom.css.....but should you please give me some directions?</p> <p>Thank you very much! </p>