http://www.kriesi.at/support/topic/css-background-image-color-in-boxed-layout Support Forum - Topic: CSS Background Image & Color in Boxed Layout en-US Sat, 25 May 2013 14:46:08 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/css-background-image-color-in-boxed-layout#post-27444 Wed, 21 Sep 2011 06:54:27 +0000 Dude 27444@http://www.kriesi.at/support/ <p>Glad that you found a solution. Minified version would be:</p> <p>html, body{<br /> background: transparent none;<br /> } </p> http://www.kriesi.at/support/topic/css-background-image-color-in-boxed-layout#post-27433 Wed, 21 Sep 2011 01:49:26 +0000 berardini 27433@http://www.kriesi.at/support/ <p>Ok, now I got the workaround to work in all browsers by writing those lines of codes I inserted in Quick CSS into the custom.css file.</p> <p>html, body{<br /> background-color: transparent;<br /> }</p> <p>html, body{<br /> background-image: none;<br /> } </p> http://www.kriesi.at/support/topic/css-background-image-color-in-boxed-layout#post-27432 Wed, 21 Sep 2011 01:46:01 +0000 berardini 27432@http://www.kriesi.at/support/ <p>Forget about that. The trick only works in IE, I still get the same thing in Firefox and Chrome (even if the resulting HTML code in all browser is the same)</p> <p>I definitely need to find a way to modify these lines:</p> <p>html, body{<br /> background-color:#0015ff;<br /> }</p> <p> html, body{<br /> background-image:url(http://localhost/wp-content/uploads/2011/09/clear.png);<br /> } </p> http://www.kriesi.at/support/topic/css-background-image-color-in-boxed-layout#post-27431 Wed, 21 Sep 2011 01:36:42 +0000 berardini 27431@http://www.kriesi.at/support/ <p>Ok. I found a workaround. In the Quick CSS field of the Styling section, I entered the following code (and got BB plugin working, that means I now have changing full screen image backgrounds):</p> <p>html, body{<br /> background-color: transparent;<br /> }</p> <p>html, body{<br /> background-image: none;<br /> }</p> <p>However, I still would like to know how to find those lines of codes related to background color and image that Corona Theme Options write when you choose boxed layout. </p> http://www.kriesi.at/support/topic/css-background-image-color-in-boxed-layout#post-27425 Tue, 20 Sep 2011 22:44:37 +0000 berardini 27425@http://www.kriesi.at/support/ <p>Hi everyone,</p> <p>I’m trying to change the background of the Corona theme and have changing backgrounds instead. </p> <p>Already got the Better Backgrounds plugin (<a href="http://wordpress.org/extend/plugins/better-backgrounds/" rel="nofollow">http://wordpress.org/extend/plugins/better-backgrounds/</a>) up and running and it is working perfectly, but my problem is that in Corona, the image background and/or the background color (this option is only available when you have a boxed layout) you are forced to pick in the Layout &amp; Settings section of Corona Theme Options is on top (z-index) of the changing backgrounds created by the BB plugin. When you have a problem like this with a theme, the BB documentation recommends to look in the style sheet of the theme for any “background-image:” or “backckground:url()” attributes added to things like the “#wrapper” or “body” and remove those lines of code.</p> <p>My problem is that I can’t find that in Corona’s style.css (Corona documentation says in <a href="http://docs.kriesi.at/corona/documentation/#cssFiles" rel="nofollow">http://docs.kriesi.at/corona/documentation/#cssFiles</a> that style.css holds the basic markup for the layout) or in header.php the part of the code that produces these lines of codes (the final rendered page in the browser) right before the closing &lt; / head &gt;:</p> <p>html, body{<br /> background-color:#0015ff;<br /> }<br /> .boxed #wrap_all{<br /> border-color:#0003dd;<br /> }<br /> html, body{<br /> background-image:url(http://localhost/wp-content/uploads/2011/09/clear.png);<br /> }<br /> html, body{<br /> background-position:top center;<br /> }</p> <p>As you can see above, I tried to cheat by having a transparent PNG as the background image you set in the Layout &amp; Settings section of Corona Theme Options so that way you could see the images BB plugin puts in the background. That didn’t work because the Background color is always there (even if you don’t pick a Background color in Corona Theme Options, you get a dark grey one).</p> <p>So my question is, in which file and part resides the lines of code that specify the background color and background image you set in the Layout &amp; Settings section of Corona Theme Options ?</p> <p>Hope I was clear enough </p>