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