PDA

View Full Version : change breadcrumb trail text colour



Korsh
09-17-2003, 09:02 PM
I want to take the breadcrumb text off the Navigation header bar and have it sit below the grey bar and restyle it in black text. I have edited the header.php by creating a new table as shown in code below

<table border="0" width="468" cellspacing="0" cellpadding="1">
<tr class="headerNavigation">
<td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a>  |  <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a>   </td>
</tr>
</table>

<table border="0" width="468" cellspacing="0" cellpadding="1">
<tr class="main">
<td "align left" class="main">  <?php echo $breadcrumb->trail(' » '); ?></td>
</tr>
</table>

Only the >> appear in black but not the text I think the text is still white the because the links still work.
I've tried changing the style sheet by creating the following

TR.main {
background: #ffffff;
}
TD.main {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
A.main {
color: #000000;
}
A.main:hover {
color: #000000;
}

any suggestions?

James

Korsh
09-17-2003, 09:53 PM
I finally worked out how to do it.

In catalog/includes/classes/breadcrumb.php

There is a class "headerNavigation"

$trail_string .= '<a href="' . $this->_trail[$i]['link'] . '" class="headerNavigation">' . $this->_trail[$i]['title'] . '</a>';

I changed that class to "main"

$trail_string .= '<a href="' . $this->_trail[$i]['link'] . '" class="main">' . $this->_trail[$i]['title'] . '</a>';

That did the trick

Thanks for listening


korsh