1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Bottom breadcrumbs

Discussion in 'Styling and Customization Questions' started by Morgain, Nov 6, 2011.

  1. Morgain

    Morgain Well-Known Member

    Where is the css for the bottom breadcrumbs bar please?

    I have shortened the top one and I want to make this one match.

    Also I want to add the back to "Top" link next to the end of the bottom breadcrumbs bar.

    Hopefully if I add
    <li><a href="{$requestPaths.requestUri}#navigation">{xen:phrase go_to_top}</a></li>

    next to it it'll show up in the right place.
    (Code snippet is from footer template.)
  2. James

    James Well-Known Member

    admin.php?styles/<styleid>/style-properties&group=breadcrumb <- specifying the width in there should work.
  3. Morgain

    Morgain Well-Known Member

    Thank you James. Yes I got the bottom breadcrumb width OK using Style Properties thank you.

    Now I need to know where to put that code in for "Top" - it needs to go at the bottom breadcrumb but not the top one.
  4. James

    James Well-Known Member

    Inside PAGE_CONTAINER there's this code:
    <xen:hook name="page_container_breadcrumb_bottom">			
    	<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
    You should be able to put the code after the <xen:include />.
  5. Morgain

    Morgain Well-Known Member

    OK progress thank you James.
    Now I have the "Top" link WITH the bottom breadcrumbs but it shows BELOW it - not on the same line.

    I have this problem with other bits I try to add in. Searching w3schools hasn't got me anywhere.
    I thought moving the </div> to the end of the "Top" link, and removing the <li></li> brackets might help but it doesn't.

    <xen:hook name="page_container_breadcrumb_bottom">           
    <div class="breadBoxBottom">
    <xen:include template="breadcrumb" />
    <a href="{$requestPaths.requestUri}#navigation">{xen:phrase go_to_top}</a>
  6. James

    James Well-Known Member

    Try applying a style attribute with a float to the right.
    <a href="{$requestPaths.requestUri}#navigation" style="float: right">{xen:phrase go_to_top}</a>
  7. Morgain

    Morgain Well-Known Member

    OK that puts it on the right but it still goes on the next line.
    How do I make the "Top" link appear straight after the breadcrumbs on the same row/ line?

Share This Page