http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent Support Forum - Topic: How do I make the header transparent? en-US Wed, 22 May 2013 12:29:02 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent#post-31618 Thu, 10 Nov 2011 07:54:20 +0000 Dude 31618@http://www.kriesi.at/support/ <p>Hey,<br /> I think the solution is great. You shouldn't experience any conflicts, flaws, etc. </p> http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent#post-31598 Thu, 10 Nov 2011 05:08:45 +0000 demtnman 31598@http://www.kriesi.at/support/ <p>OK. I figured out a fix. I enclosed the slider php in header file in its own div class and then added css to that class and it worked.</p> <p><code><br /> &lt;div class="hero"&gt;</p> <p> &lt;?php </p> <p> //display slideshow big if one is available<br /> if(!empty($avia_config['slide_output'])) echo "&lt;div class='container slideshow_big'&gt;".$avia_config['slide_output']."&lt;/div&gt;"; </p> <p> //if we dont are located on the frontpage and if there is no big slideshow availabel display breadcrumb<br /> if(!is_front_page() &amp;&amp; empty($avia_config['slide_output']))<br /> {<br /> echo "&lt;div id='breadcrumb_wrapper' class='container'&gt;";<br /> new avia_breadcrumb(array('delimiter' =&gt; '/'));<br /> echo "&lt;/div&gt;";<br /> }<br /> ?&gt;</p> <p> &lt;/div&gt;<br /> </code><br /> Then I added style:</p> <p>.hero{<br /> background-color:#ffffff;<br /> }</p> <p>All appears to work. Is this an okay fix or a hack that will cause me issues? Thanks. </p> http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent#post-31596 Thu, 10 Nov 2011 04:45:43 +0000 demtnman 31596@http://www.kriesi.at/support/ <p>I need help with this now. Since the slider is called from the header, the background of the slider is now transparent. Is there any way to address this? I really would like to have the header transparent, which I achieved as above, but then when I returned to my home page saw that the slider background is now also transparent. Can I contain the slider php code in its own div or span and then assign a background color? Any help is much appreciated.</p> <p>Thanks. </p> http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent#post-31593 Thu, 10 Nov 2011 03:10:04 +0000 demtnman 31593@http://www.kriesi.at/support/ <p>It appears the header, even when assigned transparent, is inheriting the following on the minimum skin:</p> <p>#wrap_all, #main{ background: #fff; } </p> <p>I took out the #wrap_all from this and also kept the #header style noted in previous comment, and this worked. </p> http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent#post-31586 Thu, 10 Nov 2011 01:37:09 +0000 demtnman 31586@http://www.kriesi.at/support/ <p>Thanks.<br /> How about the overall header? After making these adjustments, I am left with white. I have checked Avia settings and tried<br /> #header{ background:transparent;}</p> <p>thanks in advance. </p> http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent#post-31496 Wed, 09 Nov 2011 06:59:46 +0000 Dude 31496@http://www.kriesi.at/support/ <p>Hey,<br /> you can change the menu background color with:<br /> <pre><code>#header .container.main_menu { background: #fff; }</code></pre> <p>and the submenu color with:<br /> <pre><code>#header .submenu { background: #000000; }</code></pre> <p>You can add this code to css/custom.css or the quick css field. </p> http://www.kriesi.at/support/topic/how-do-i-make-the-header-transparent#post-31405 Mon, 07 Nov 2011 20:24:17 +0000 demtnman 31405@http://www.kriesi.at/support/ <p>In Corona theme, how can I make the header transparent in boxed layout, while then keeping an assigned background color to the submenu div and the main menu container?<br /> I want the tiled body background image to continue through the header with a transparent .png logo over it. I have moved down the main menu to be like tabs on the bottom edge of the header container wrap, which I will keep a certain background color. </p>