http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent Support Forum - Topic: change background colour of heading/search bar to transparent en-US Tue, 21 May 2013 18:33:34 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87827 Wed, 12 Dec 2012 15:08:34 +0000 Devin 87827@http://www.kriesi.at/support/ <p>Glad Ismael could help :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87661 Tue, 11 Dec 2012 18:39:16 +0000 webWahine 87661@http://www.kriesi.at/support/ <p>perfect, and so simple! thank you; all is well; you are the best! :) </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87534 Tue, 11 Dec 2012 01:45:42 +0000 Ismael 87534@http://www.kriesi.at/support/ <p>Hi webWahine,</p> <p>Kindly add this code in Quick CSS or custom.css:<br /> <pre><code>.title_container .breadcrumb { display: none; }</code></pre> <p>This will hide the breadcrumbs. Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87521 Mon, 10 Dec 2012 23:59:46 +0000 webWahine 87521@http://www.kriesi.at/support/ <p>hi ismael</p> <p>that worked, thanks - so lastly i'd like to hide just the breacrumbs in the 'heading + search &amp; breacrumbs' element in the template builder</p> <p>i assume it needs to be some commented or modified php - please advise</p> <p>thanks again! :) </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87130 Sun, 09 Dec 2012 06:47:02 +0000 Ismael 87130@http://www.kriesi.at/support/ <p>Hi jodi,</p> <p>Try to add this code on your Quick CSS or custom.css:<br /> <pre><code>@media only screen and (min-width: 960px) { .stretch_full.title_container { background: rgba(255, 255, 255, 0.4); position: absolute; left: 0; top: -67px; } #main &gt; div.container { margin-top: 97px; overflow: visible; } }</code></pre> <p>If the style is being overwritten, just add the !important. Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87097 Sat, 08 Dec 2012 18:26:31 +0000 webWahine 87097@http://www.kriesi.at/support/ <p>hi ismael</p> <p>thanks, i did try that and it worked but once i set the opacity to 40% it didn't reveal the header image underneath - what's the trick to have that showing, if possible? thanks, jodi </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87009 Sat, 08 Dec 2012 03:15:20 +0000 Ismael 87009@http://www.kriesi.at/support/ <p>Hi,</p> <p>The whole container has a white background. You can't set opacity on the header alone. Try this on your custom.css to see what I'm talking about. </p> <pre><code>.container { background: none; } .stretch_full.title_container { background: rgba(255, 255, 255, 0.6)!important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-87000 Fri, 07 Dec 2012 23:24:30 +0000 webWahine 87000@http://www.kriesi.at/support/ <p>me again</p> <p>i just tried an opacity setting in the css and it's not revealing the image underneath so i guess i still need to know how to play with that, please :) </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-86999 Fri, 07 Dec 2012 23:20:12 +0000 webWahine 86999@http://www.kriesi.at/support/ <p>ok, so i found it with firebug (must have been tired); it's here:</p> <p>#top .stretch_full.title_container {<br /> background-color: #FF3300;<br /> }</p> <p>however, this is a very small site so i don't really need the breadcrumbs - how do i hide just the breadcrumbs when i am using the 'heading plus search bar &amp; breadcrumb' element in the template builder, please</p> <p>thanks again, jodi </p> http://www.kriesi.at/support/topic/change-background-colour-of-headingsearch-bar-to-transparent#post-86869 Fri, 07 Dec 2012 01:41:08 +0000 webWahine 86869@http://www.kriesi.at/support/ <p>hi there</p> <p>here is my working site:</p> <p><a href="http://burrardlanding.com/" rel="nofollow">http://burrardlanding.com/</a></p> <p>pwd - **removed by support**</p> <p>i really like the positioning of the header and search indented up into the header background images, but i know that the client is going to want to see the whole image so i'd like to style it so that the header with page title and search is transparent (or at least shows an alpha value), ie, the title_container</p> <p>i would then like to style the title text to be white, which i can see in firebug, but i'm not sure about where that background colour is being called</p> <p>please advise</p> <p>thanks, again, jodi</p> <p>ps - i purchased a theme by another developer off themeForest and after days of frustration and a very buggy theme i came back to kriesi, because your themes are technically very solid, very well designed, and you always offer great support :) </p>