Stylize text of current page in breadcrumbtrail


https://forum.kartris.com/Topic7081.aspx
Print Topic | Close Window

By Supermac - Thu 25 Oct 2018
Is there a way to change the style of the current page in breadcrumbs?
(i.e to make bold the text or change color or else...)
I may use a different style for tag <a> but in this way I would obtain the same style for current page and separator character :-(
By Mart - Thu 25 Oct 2018
Not sure if I misunderstood the question.

If you look at the kartris demo, it has the breadcrumb of current page in bold.

https://demo.kartris.com/Category-1/Multiple-Version-Product__p-1-3.aspx

This is controlled from css in general.css

When I change the color: #000 to eg #ff0000 in the first one, I get the page in the breadcrumb in red, but the rest of the trail, and the separator don't change.


.breadcrumbtrail span span {
font-weight:700;
color:#000;
display:inline-block;
padding:0 0 0 6px
}
.breadcrumbtrail span span a {
color:#666;
padding:0 17px 0 0;
display:inline-block;
font-weight:400;
margin:0;
background-image:url(Images/breadcrumb_back.png);
background-position:right center;
background-repeat:no-repeat
}
By Supermac - Fri 26 Oct 2018
That's because you're using an image as path separator.
I'm using the "/" as path separator in breadcrumbtrail so my css is slightly different:

.breadcrumbtrail span span {
font-weight:bold;
color:#000;
display:inline-block;
padding:0 0 0 6px
}
.breadcrumbtrail span span a {
color:#666;
padding:0 17px 0 0;
display:inline-block;
font-weight:400;
margin:0;
}

This way I get the path separator in bold style Ermm