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

XF 1.2 Styling Breadcrumbs in 1.2

Rob

Well-known member
#1
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.
 

Brogan

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

upload_2013-8-2_20-40-0.png

I tried vertical lines but that just looked wrong.
 

Brogan

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