[SOLVED] Changing Breadcrumb link color

[kyle21]

Yet another problem I can't seem to solve.

I want to change the breadcrumb link color, but right now it looks like I can only change it with the main link colors for the site.  If I change the div.breadcrumbs to color:white it only changes the text and not the links.  Bawww.. 

Breadcumb CSS.

Code: Select all

div.breadcrumbs {
   padding: .7em 0 .7em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 0em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px solid #dedede;
   text-indent:1.5mm;
   background: url(uploads/images/breadcrumb_grade.gif) ; 
   color:white;

}

div.breadcrumbs span.lastitem { 
   font-weight:bold; 
   color:white;
   font-style:italic;
 }

Template Code.

Code: Select all

  {* Start Breadcrumbs *}
   <div class="breadcrumbs">
        {breadcrumbs starttext='You are here' root='Home' delimiter='»'}
   <hr class="accessibility" />
   </div>
   {* End Breadcrumbs *}

(Default Code Mostly)

[Dr.CSS]

How about targeting the a in the breadcrumb?...

[kyle21]

You care to explain?  I'm still kind of a novice   Sorry lol.

[Dr.CSS]

http://www.w3schools.com/default.asp

[kyle21]

Ok looks like I got it working.