Breadcrumb menu style change

[dvharrison]

Hi all.

 

I need my breadcrumb menu links to be a different colour than the other links on my navigation bar (basically I have a gradient making the breadcrumb invisible).

 

How can I change the breadcrumb links to match the colour of the normal links on my page? I am a newbie and this isn't blatently obvious to me. :o

 

TIA

 

* Also I have added this to the wrong forum. Can someone move to the right one (sorry!). :blush:

[burt]

Enclose the breadcrumb in a div and style appropriately.

[chimol]

Enclose the breadcrumb in a div and style appropriately.

 

Can you give an example? Also, what folder should I be looking in for this change?

[nvbenterprises]

Why not change the class inside breadcrumb.php. Specify a new class such as breadnavigation. Add this in stylesheet. You must then change this in breadcrumb.php and header.php.

 

Change headernavigation in breadcrumb.php to breadnavigation

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

 

Copy and add paste the code below in stylesheet change headernavigation to breadnavigation

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #336633;
 border: solid; border-width: 1px;
 color: #FFFFFF;
 font-weight : bold;
}

A.headerNavigation { 
 color: #ffffff; 
}

A.headerNavigation:hover {
 color: #FF0000;
}

 

This worked for me. I have one table for the breadcrumb trail and another for header links such as login, etc. They have different backgrounds, link colors, etc. But, my advice may be and usually is flawed. Remember to backup your files.

[chimol]

Why not change the class inside breadcrumb.php. Specify a new class such as breadnavigation. Add this in stylesheet. You must then change this in breadcrumb.php and header.php.

 

Change headernavigation in breadcrumb.php to breadnavigation

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

 

Copy and add paste the code below in stylesheet change headernavigation to breadnavigation

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #336633;
 border: solid; border-width: 1px;
 color: #FFFFFF;
 font-weight : bold;
}

A.headerNavigation { 
 color: #ffffff; 
}

A.headerNavigation:hover {
 color: #FF0000;
}

 

This worked for me. I have one table for the breadcrumb trail and another for header links such as login, etc. They have different backgrounds, link colors, etc. But, my advice may be and usually is flawed. Remember to backup your files.

 

Great idea, thanks for the input!