http://www.kriesi.at/support/topic/breadcrumb-in-broadscope Support Forum - Topic: Breadcrumb in Broadscope en-US Mon, 20 May 2013 03:59:16 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-46102 Tue, 13 Mar 2012 22:49:19 +0000 Devin 46102@http://www.kriesi.at/support/ <p>Hi metropolitandetail,</p> <p>This is a bit old and may not cross over correctly at all with Corona. I'm going to lock the thread so it doesn't get additional attention with your bump :)</p> <p>Please make a new thread in regards to the issue. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-46088 Tue, 13 Mar 2012 21:16:44 +0000 metropolitandetail 46088@http://www.kriesi.at/support/ <p>I do not have:</p> <p>#top .nav, #top .avia_mega{<br /> border:1px solid #e1e1e1;<br /> border-bottom:none;<br /> background: #f8f8f8;<br /> }</p> <p>but I am using Corona. Where is this in Corona? </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-23188 Thu, 21 Jul 2011 05:34:17 +0000 Dude 23188@http://www.kriesi.at/support/ <p>You can increase the z-index of the logo area - the logo will display on the top even if an image is behind it or overlaps it. Open up css/custom.css and add:<br /> <pre><code>#top .logo a, #top .logo a:hover{ z-index: 100; }</code></pre> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-23097 Tue, 19 Jul 2011 20:12:41 +0000 jiwaji 23097@http://www.kriesi.at/support/ <p>In essence, what I'd like to do is the same as the header on site you created (<a href="http://bit.ly/eSOvoe" rel="nofollow">http://bit.ly/eSOvoe</a>) except your image goes across the breadth of the screen. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-23096 Tue, 19 Jul 2011 20:03:52 +0000 jiwaji 23096@http://www.kriesi.at/support/ <p>Will try. Thanks. On another note: If I place a background image in the header, does that hide the logo and thus it's functionality? At the moment I have a wide Ad header off to the side. Please comment.<br /> <a href="http://kvcapital.ca/?skip-maintenance-token=D34B44" rel="nofollow">http://kvcapital.ca/?skip-maintenance-token=D34B44</a> </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-23057 Tue, 19 Jul 2011 06:22:43 +0000 Dude 23057@http://www.kriesi.at/support/ <p>Strange because thebreadcrumb is part of the srrounding container which limits everything to 960px. Maybe you need to add positon:relative; to the container itself... </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-23030 Mon, 18 Jul 2011 18:40:56 +0000 jiwaji 23030@http://www.kriesi.at/support/ <p>Hi Due, Thanks for all the help on these questions. Only one fails to work for me. Adding the breadcrumb code after "&lt;!-- end container_wrap_header --&gt; still pushes the grey bar down. And also, moves the bread crumb to the left of page out of position. I will try to tackle it on my own but if you think of any reason why let me know.</p> <p>Thanks again. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-22929 Sun, 17 Jul 2011 08:20:11 +0000 Dude 22929@http://www.kriesi.at/support/ <p>1) Add following code to css/custom.css:<br /> <pre><code>#top .widget .pos_h3{ top: 0; }</code></pre> <p>2) You need to adjust the header area height - add following code to css/custom.css and adjust the height value:</p> <pre><code>#header .container { height: 200px; }</code></pre> <p>Then add your image in header.php - write your image code after:<br /> <pre><code>&lt;div class=&#39;container&#39;&gt;</code></pre> <p>You can position the image by wrapping it in a div - i.e.like:<br /> <pre><code>&lt;div class=&quot;banner&quot;&gt; &lt;img src=&quot;my-image.jpg&quot; alt=&quot;&quot; title=&quot;&quot; /&gt; &lt;/div&gt;</code></pre> <p>At least add following css to css/custom.css:<br /> <pre><code>.banner { position: absolute; right: 0px; top: 90px; }</code></pre> <p>Obviously you can adjust the css class and the position as you like.</p> <p>3) Add the breadcrumb code after following code in header.php and it will be displayed under the header area:<br /> <pre><code>&lt;!-- end container_wrap_header --&gt;</code></pre> <p>4) Yes - add following css code to css/custom.css and adjust the color values:<br /> <pre><code>/*tabs and toggler and slider */ .js_active .toggler{ background:url(&quot;../images/skin1/toggle.png&quot;) no-repeat scroll 6px 6px #FFFFFF; border:1px solid #E1E1E1; } .js_active #top .activeTitle{ background: #f8f8f8 url(&#39;../images/skin1/toggle.png&#39;) no-repeat 6px -77px ; border:1px solid #ddd; color:#555555; } .js_active .tab_content{ background: #fff; border:1px solid #E1E1E1; } .js_active .tab{ background:#fff; border:1px solid #E1E1E1; } .js_active #top .active_tab{ background:none repeat scroll 0 0 #fff; color:#555555; } .toggle_content{ border: 1px solid #E1E1E1; }</code></pre> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-22899 Sat, 16 Jul 2011 19:39:44 +0000 jiwaji 22899@http://www.kriesi.at/support/ <p>Hi Dude,</p> <p>Since I am giving you the link, please see other areas that seem to be buggy. <a href="http://kvcapital.ca/?skip-maintenance-token=5EC393" rel="nofollow">http://kvcapital.ca/?skip-maintenance-token=5EC393</a></p> <p>1. The Mini Slider in the footer has formatting issues when I place the short code in there. Note the Blue Grey dots location.</p> <p>2. I need to make the header larger and place and image across the header.</p> <p>3. And the bread crumb issue mentioned above where I wish to place it below the menu bar and below the grey line.</p> <p>4. Also, can I change the frame and tab colours of the Tab or Toggle Shortcodes? and How?</p> <p>Thanks a lots and I must say this theme is very professional and clean to work with. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-22893 Sat, 16 Jul 2011 05:30:34 +0000 Dude 22893@http://www.kriesi.at/support/ <p>Can you post a link to your website please - we can give you custom css code then :) </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-22882 Fri, 15 Jul 2011 22:48:05 +0000 jiwaji 22882@http://www.kriesi.at/support/ <p>Hi Chris or Dude,</p> <p>This code for the breadcrumb is working fine but I need to move it below the Nav Bar line. Currently it sits between the Horizontal bar (stretched layout without image) and thus pushing the Nav menu bar up. Can you suggest a fix? </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-22080 Wed, 06 Jul 2011 00:55:25 +0000 Chris Beard 22080@http://www.kriesi.at/support/ <p>Hah, sorry for that, I copied it straight from my "smart" editor, sorry for the inconvenience. (Don't forget to change both »'s in my code to Dude's solution - just saying in case you didn't figure it out ;) )</p> <p>Glad we could help. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-22069 Tue, 05 Jul 2011 23:07:06 +0000 jiwaji 22069@http://www.kriesi.at/support/ <p>Brilliant! Dude . Thanks... appreciate the quick help. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-22037 Tue, 05 Jul 2011 18:19:02 +0000 Dude 22037@http://www.kriesi.at/support/ <p>Hey,<br /> please use services like: <a href="http://imageshack.us/" rel="nofollow">http://imageshack.us/</a> to post screenshots here. However I think the problem is following line in the code Chris provided above:<br /> <pre><code>echo &quot;&lt;/a&gt; » &quot;;</code></pre> <p>Try following code instread:</p> <pre><code>echo &quot;&lt;/a&gt; &amp;raquo; &quot;;</code></pre> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-21986 Mon, 04 Jul 2011 18:06:03 +0000 jiwaji 21986@http://www.kriesi.at/support/ <p>Hi Chris,</p> <p>I really appreciate your help. It did work.</p> <p>A couple of odd things that are happening with this Breadcrumb that i still need help on. </p> <p>1. I am getting this image (�) in between my breadcrumb trail after home page see here : Home � KVCMF-Investment Options</p> <p>2. For this, can I send an image outside this post as that would visually explain the problem.</p> <p>Thanks. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-21956 Mon, 04 Jul 2011 01:42:47 +0000 Chris Beard 21956@http://www.kriesi.at/support/ <p>Hi,</p> <p>It is possible, it requires quite some editing though.</p> <p>First add this code to the bottom of functions.php</p> <pre><code>//breadcrumbs function the_breadcrumb() { if (!is_home()) { echo &#39;&lt;a href=&quot;&#39;; echo get_option(&#39;home&#39;); echo &#39;&quot;&gt;&#39;; echo &#39;Home&#39;; echo &quot;&lt;/a&gt; » &quot;; if (is_category() || is_single()) { single_cat_title(); if (is_single()) { echo &quot; » &quot;; the_title(); } } elseif (is_page()) { echo the_title(); } } }</code></pre> <p>Then add this code in your header.php file after the line saying : wp_nav_menu($args); <strong>(line 105)</strong></p> <pre><code>echo &quot;&lt;div class=\&quot;breadcrumbs\&quot;&gt;&quot;; the_breadcrumb(); echo &quot;&lt;/div&gt;&quot;;</code></pre> <p>Then, in your light-skin.css file from your css folder (if you're using the dark skin use dark-skin.css ..) change this:</p> <pre><code>#top .nav, #top .avia_mega{ border:1px solid #e1e1e1; border-bottom:none; background: #f8f8f8; }</code></pre> <p>To this:</p> <pre><code>#top .nav, #top .avia_mega{ border:1px solid #e1e1e1; background: #f8f8f8; margin-bottom:20px; }</code></pre> <p>And add this to the bottom of the file:</p> <pre><code>.breadcrumbs{ padding: 128px 0 0 5px; }</code></pre> <p>This should do. Let me know if it worked, it did for me. </p> http://www.kriesi.at/support/topic/breadcrumb-in-broadscope#post-21952 Sun, 03 Jul 2011 21:03:48 +0000 jiwaji 21952@http://www.kriesi.at/support/ <p>Hi, I wanted to know if there a way to create or add as a widget a breadcrumb under the Menu? </p>