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

breadcrumb styling question

toodlez

Active member
#1
Okay, so I'm trying to use
@imagePath/xenforo/gradients/form-button-white-25px.png
gradient on my breadcrumb links + hover... problem is it cuts off by the
" > " part the arrow of the breadcrumb... When I put it into the hover it uses the background color I chose for that arrow corner, how do I make it go 100% of each breadlink?
 

Jake Bunce

XenForo moderator
Staff member
#2
This is the CSS in question:

Admin CP -> Appearance -> Templates -> breadcrumb.css

Code:
.breadcrumb .crust:hover .arrow span
{
	border-left-color: @breadcrumbItemCrumbHover.background-color;
}
As you said, it is using the background color from the other property but not the background image. I experimented with a border image but couldn't make it work:

Code:
.breadcrumb .crust:hover .arrow span
{
	border-left-color: @breadcrumbItemCrumbHover.background-color;
	border-left-image: url('@imagePath/xenforo/gradients/form-button-white-25px.png');
}
It's a place to start. Maybe some one else can make it work.
 

toodlez

Active member
#3
I appreciate it Jake! Very much

I hope, SOMEONE would have an answer for this, strange how it can't be more simple in such a great forum system