XF 1.2 Styling Breadcrumbs in 1.2


Well-known member
Ok, this is really frying my brain now. I have the breadcrumbs all set up lovely and they look fine, except there is no breadcrumb arrow because its the same color as the other stuff.

I want a breadcrumb arrow.... i've tried changing stuff on the outer and inner (left borders) and also on the breadcrumb content background. It seems everything i do results in solid triangles or straight edge borders at the limits of the arrow.

I really wish there was a tutorial to style the breadcrumbs. I'm sure it would be real easy for me to hack the css but I really hoped style properties would do this.


XenForo moderator
Staff member
I did something a bit different as I'm not a fan of the big triangular ended blocks.


I tried vertical lines but that just looked wrong.


XenForo moderator
Staff member
Lots of changes to the SPs and then this added to EXTRA.css:
/* Breadcrumb */
.breadcrumb .crust a.crumb:after {
content: "›";
font-weight: bold;
position: absolute;
top: -1px;
right: -2px;