|
Group: Forum Members
Last Active: Wed 22 Jul 2020
Posts: 153,
Visits: 874
|
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 :-(
|
|
Group: Administrators
Last Active: Wed 18 Nov 2020
Posts: 148,
Visits: 3,450
|
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
}
|
|
Group: Forum Members
Last Active: Wed 22 Jul 2020
Posts: 153,
Visits: 874
|
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 
Fri 26 Oct 2018 by
Supermac
|