Bottom breadcrumbs

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.)
 
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.
 
Inside PAGE_CONTAINER there's this code:
Code:
<xen:hook name="page_container_breadcrumb_bottom">			
	<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
</xen:hook>
You should be able to put the code after the <xen:include />.
 
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.

Code:
<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>
</div>   
</xen:hook>
 
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>
 
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?
 
Top Bottom