Stylize text of current page in breadcrumbtrail

Posted By Supermac Thu 25 Oct 2018
Add to Favorites0
Author Message
Supermac
 Posted Thu 25 Oct 2018
Supreme Being

Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)

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 :-(
Mart
 Posted Thu 25 Oct 2018
Top Banana

Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)Top Banana - (97,429 reputation)

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
}
Supermac
 Posted Fri 26 Oct 2018
Supreme Being

Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)Supreme Being - (84,035 reputation)

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 Ermm
Fri 26 Oct 2018 by Supermac

Similar Topics

Expand / Collapse

Reading This Topic

Expand / Collapse

Back To Top