Breadcrump trail design

Permalink
Does anybody know where and how can i changes that Breadcrump trail does look Inline not Block. I tryed with css but no success ... :(

I want that it looks like this, for example:

Home Products Example1

But now I have:

Home
Products
Example

Thanks

 
c5mix replied on at Permalink Reply
http://c5mix.com/tutorials/how-to-add-breadcrumb-navigation-to-your-concrete5-site
alesb replied on at Permalink Reply
This solution i tryed already before i ask here but i got look of complete php code instead of breadcrump trail.
And i follow these steps and i got the same php code.
How to solve the problem?
THX
spiral replied on at Permalink Reply
spiral
it should be easy to do with css.
say the breadcrumb is within a div
<div class="crumbs">

then in your css you would have

.crumbs li{
display:inline;
}
that would make them appear side by side
c5mix replied on at Permalink Reply
What version of c5 are you running? I havent tested it on 5.2 RC1 but I would imagine it would still work.
alesb replied on at Permalink Reply
Im running on concrete5.2.0RC1 and for me it doesnt work.
spiral replied on at Permalink Reply
spiral
can you show us the url? or at least tell us what html it is outputting?
alesb replied on at Permalink Reply
It works now. Thank you. I made beginers mistake.
plschneide replied on at Permalink Reply
plschneide
I have multiple pages and some pages are in a "folder"/2nd level in the CMS structure. When I use the CSS example posted here the one level displays horizontally, but the sub level always moves down one line. I've searched, but can't seem to find how to force it so it will remain a vertical display if there is a list within a list as Concrete spits out. IDEAS?
ScottC replied on at Permalink Reply
ScottC
misread the post :)

Sorry, not sure on multi-level breadcrumb, i posted a multi dropdown sort of thing.
plschneide replied on at Permalink Reply 1 Attachment
plschneide
Attached is an image of the situation.

The top part shows the "structure" in the dashboard in Concrete.

The bottom part of the image shows what the breadcrumb trail looks like. As you can see it has the page within a folder moved down to the 2nd line.
plschneide replied on at Permalink Reply
plschneide
The answer was to change custom template to a header menu from the "breadcrumb template. I left the setting type as breadcrumb, but the header menu fixed the formatting and gave a "flat UL" structure.