A Really Stoopid Dumb Ass Question!

[mark27uk3]

Hi Guys,

 

Which bit of code in the stylesheet changes the font color of the links in the breadcrumb trail, I can change the color of the arrows no problem but can not for the life of me change the links.

 

I told you it was a really dumb ass question!

 

Thanks

 

Mark ;)

[boxtel]

Hi Guys,

 

Which bit of code in the stylesheet changes the font color of the links in the breadcrumb trail, I can change the color of the arrows no problem but can not for the life of me change the links.

 

I told you it was a really dumb ass question!

 

Thanks

 

Mark ;)

<{POST_SNAPBACK}>

 

 

it is named something like navigation_header

[mark27uk3]

Any ideas on which one of these.

 

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #FF9900;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #FFCC00;
 color: #ffffff;
 font-weight : bold;
}
A.headerNavigation { 
 color: #FFFFFF; 
}
a:hover.headerNavigation {
 color: #ffffff;
}
TR.headerNavigation {
 background: #FF9900;
}

TD.breadcrumb {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #FFCC00;
 color: #ffffff;
 font-weight : bold;
}
A.breadcrumb { 
 color: #FFFFFF; 
}
a:hover.breadcrumb {
 color: #ffffff;
}

 

This is still a really dumb ass question! >_<

 

Mark

[boxtel]

Any ideas on which one of these.

 

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #FF9900;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #FFCC00;
 color: #ffffff;
 font-weight : bold;
}
A.headerNavigation { 
 color: #FFFFFF; 
}
a:hover.headerNavigation {
 color: #ffffff;
}
TR.headerNavigation {
 background: #FF9900;
}

TD.breadcrumb {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #FFCC00;
 color: #ffffff;
 font-weight : bold;
}
A.breadcrumb { 
 color: #FFFFFF; 
}
a:hover.breadcrumb {
 color: #ffffff;
}

 

This is still a really dumb ass question!  >_<

 

Mark

<{POST_SNAPBACK}>

 

 

could be any of them, depends on which class you specified in the code :

 

like <td class="breadcrumb"> ...etc.

[mark27uk3]

This is what I have done.

 

I have added extra lines to the stylesheet as so.

 

TD.breadcrumba {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #000000;
 color: #000000;
 font-weight : bold;
}

A.breadcrumba { 
 color: #000000; 
}
a:hover.breadcrumba {
 color: #ffffff;
}

 

And this is the the code that I have in my product_info.php file

 

<tr>
<td class="breadcrumba"><?php echo $breadcrumb->trail(' » '); ?></td>
</tr>

 

Now what this gives is a black background with white text, you can see it here.

 

What I want is a white background with text the same color as the product name with orange arrows between.

 

Thanks

 

Mark

[burt]

It is A.headernavigation

 

hth

[boxtel]

This is what I have done.

 

I have added extra lines to the stylesheet as so.

 

TD.breadcrumba {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #000000;
 color: #000000;
 font-weight : bold;
}

A.breadcrumba { 
 color: #000000; 
}
a:hover.breadcrumba {
 color: #ffffff;
}

 

And this is the the code that I have in my product_info.php file

 

<tr>
<td class="breadcrumba"><?php echo $breadcrumb->trail(' » '); ?></td>
</tr>

 

Now what this gives is a black background with white text, you can see it here.

 

What I want is a white background with text the same color as the product name with  orange arrows between.

 

Thanks

 

Mark

<{POST_SNAPBACK}>

 

 

Well, I am very bad at CSS but I do now that you will have to use headernavigation as the class or also change the breadcrumb.php class because that uses that css class :

 

function trail($separator = ' - ') {

$trail_string = '';

 

for ($i=0, $n=sizeof($this->_trail); $i<$n; $i++) {

if (isset($this->_trail[$i]['link']) && tep_not_null($this->_trail[$i]['link'])) {

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

} else {

$trail_string .= $this->_trail[$i]['title'];

}

 

if (($i+1) < $n) $trail_string .= $separator;

}

 

return $trail_string;

}

[mark27uk3]

Gary - Thank you for pointing out which line to change! :thumbsup:

 

And

 

Amanda - Thank you for telling me about the breadcrumb.php file as I did not even know that was there. :thumbsup:

 

So really it was not as much of a dumb ass question as what I originally thought!

 

All is well now :D

 

Thanks

 

Mark

[boxtel]

Gary - Thank you for pointing out which line to change!  :thumbsup:

 

And

 

Amanda - Thank you for telling me about the breadcrumb.php file as I did not even know that was there. :thumbsup:

 

So really it was not as much of a dumb ass question as what I originally thought!

 

All is well now  :D

 

Thanks

 

Mark

<{POST_SNAPBACK}>

 

 

there are no dumb ass questions, you know that.

[burt]

An explanation:

 

You can have multiple classes of the same name, but they can be applied to different things. Thus:

 

td.headernavigation {
  this will give style to anything that is inside the <td> that has the class="headernavigation"
}

 

But. Because of the nature of stylesheets, the links inside that TD will take the same style as what is referenced in the stylesheet under:

 

A {
}

 

and

 

A.hover {
}

 

However, we can get around that by giving those particular links inside that TD their own style, thus:

 

A.headernavigation {
  style here
}

 

and

 

A.headernavigation:hover {
style here
}

 

These will over-ride the "normal" <A> style.

 

Does that help?

[mark27uk3]

Thanks Gary,

 

Now I can see the wood for the trees!

 

I am a dumb ass!

 

Mark