There are my theme styles:
.breadcrumb_wrap {
background: url(images/bg-crumbina.png) right bottom no-repeat;
padding-right: 14px;
float: left;
margin-top: 2px;
}
.breadcrumb {
width: auto;
height: 22px;
overflow: hidden;
background: #ededed;
padding-right: 10px;
}
.crumb {
float: left;
padding-left: 10px;
height: 22px;
line-height: 22px;
}
.breadcrumb a, .breadcrumb {
color: #777;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
.breadcrumb .crumb a {
height: 22px;
padding-right: 24px;
display: block;
background: url(images/bg-crumbina.png) no-repeat right;
}
.breadcrumb .crumb a:hover {
text-decoration: underline;
}
.breadcrumb .crumb_home {
padding-left: 0;
}
.breadcrumb .crumb_home a {
background: url(images/bg-crumbhome.png) no-repeat left;
color: #fff;
width: 52px;
padding-left: 10px;
padding-right: 0;
}
You’ll want to play with the different breadcrumb templates. For example, you will want “Home Template” set to <a title="Go to %title%." href="%link%" class="crumb crumb_home %type%">%htitle%</a> and “Home Template (Unlinked)” set to <span class="crumb crumb_home">%htitle%</a>.
It seems a little verbose for them to have a crumb class. That should be assumed to the the child elements of the element with class breadcrumb. Regardless, you’ll have to ensure all the other breadcrumb templates include references to the crumb class.
Thanks for your response.
I just did it exactly as you told me but it does not work properly.
In fact, I can see some little extra style is applied but is not working as expected.
Please, anything else I have to check?
Thanks
For example, the plugin is not showing at frontend the bg-crumbhome.png for home template.
The html output for Home WITHOUT the plugin activated is:
<div class=”breadcrumb_wrap”>
<div class=”breadcrumb”><div class=”crumb crumb_home”>Home</div>
The html output for Home WITH the plugin activated is:
<div class=”breadcrumb_wrap”>
<div class=”breadcrumb”><!– Breadcrumb NavXT 4.1.0 –>
Portada
Thank you very much
Sorry, I am sending it again.
Using chrome inspector,
The html output for Home WITHOUT the plugin activated is:
<div class="breadcrumb_wrap">
<div class="breadcrumb"><div class="crumb crumb_home"><a href="http://www.mysite.com/" title="Ver Home">Home</a></div>
And the html output for Home WITH the plugin activated is:
<div class="breadcrumb_wrap">
<div class="breadcrumb"><!-- Breadcrumb NavXT 4.1.0 -->
<a title="Go to Portada." href="http://www.mysite.com" class="crumb crumb_home site-home">Portada</a>
Thank you very much
Hi friends,
i would like to customize Breadcrumb NavXT too,
i would like to colorize the current page item, could you give me a suggestion?
how i could assign the new class?
and if the new class could be: “current-item”, could be wrong this code?
.breadcrumb a, .current-item {
color: #777;
}
…i’m not much expert 😐
thanks!
davide
italy
