I have a situation where i needed to create a different color breadcrumb for the container. I've partially succeeded... but here is my issue
ISSUE:
The Font Color on my style is not carrying over from my container.css. Everything else changes but the font color is the same as the main page font color. To illustrate please see my code for the container defining the container breadcrumb.
** CONTAINER BREADCRUMB **
< dnn:BREADCRUMB runat="server" id="dnnBREADCRUMB" CssClass="containercrumb" Separator= "< img alt="*" BORDER="0" src="blackbreadcrumb.gif"" RootLevel="0"/ >
and my css for the container is
.containercrumb {
color: #000066;
font-size: 24px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
VS. my regular skin breadcrumb which is
** REGULAR SKIN BREADCRUMB **
< dnn:BREADCRUMB runat="server" id="dnnBREADCRUMB" CssClass="breadcrumb" Separator=" < img alt="*" BORDER="0" src="blackbreadcrumb.gif"" RootLevel="0"/ >
and the regular main skin style inside skin.css is
.breadcrumb {
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
font-weight: normal;
color: #d7d6e3;
}
Theoretically these breadcrumbs should be different font size and color but something is not working.
Its a strange situation i know, but i need to have my container breadcrumbs different color from my mainskin breadcrumbs and difining a different style for the container is being overwritten by the primary skin containter. Could someone give me some ideas i could try to get this to work?
NOTE: I put extra spaces in the code samples in order to permit it to be viewable for this post.
Please Advise on my alternate Container Breadcrumb Issue..
Thanks