Hi,
I am working through setting up my first skin. I am stuck right now trying to get [BREADCRUMB] to always use a white font color.
My skin.htm has the following line:
<div id="bcRight">[BREADCRUMB]</div><br/>
My skin.xml has the following lines:
<Object>
<Token>[BREADCRUMB]</Token>
<Settings>
<Setting>
<Name>Separator</Name>
<Value><![CDATA[ | ]]></Value>
</Setting>
<Setting>
<Name>RootLevel</Name>
<Value>0</Value>
</Setting>
<Setting>
<Name>CssClass</Name>
<Value>BreadCrumbClass</Value>
</Setting>
</Settings>
</Object>
My skin.css has the following lines:
div#bcRight
{
background-color: #1c8ece;
position: absolute;
text-align: left;
font-weight: normal;
font-size: 9pt;
color: white;
font-family: Arial;
text-decoration:none;
width: 100%;
}
/* [BREADCRUMB] */
.BreadCrumbClass
{
background-color: #1c8ece;
text-align: left;
font-weight: normal;
font-size: 9pt;
color: white;
font-family: Arial;
text-decoration:none;
}
.BreadCrumbClass a:link
{
text-decoration:none;
color: white;
}
.BreadCrumbClass a:visited
{
text-decoration:none;
color: white;
}
.BreadCrumbClass a:active
{
text-decoration:none;
color: white;
}
.BreadCrumbClass a:hover
{
text-decoration:none;
color: white;
}
It appears to show black color and red when hovering. I have been searching all over the place and I cannot find anything that is set to red.
Here is a link to the temporary site
Thank-you in advance for your suggestions. Kevin