Page 1 of 1

[SOLVED] Changing Breadcrumb link color

Posted: Fri Apr 24, 2009 11:11 pm
by 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)

Re: Changing Breadcrumb link color

Posted: Sat Apr 25, 2009 12:57 am
by Dr.CSS
How about targeting the a in the breadcrumb?...

Re: Changing Breadcrumb link color

Posted: Sat Apr 25, 2009 2:22 pm
by kyle21
You care to explain?  I'm still kind of a novice :'(  Sorry lol.

Re: Changing Breadcrumb link color

Posted: Sat Apr 25, 2009 6:43 pm
by Dr.CSS

Re: Changing Breadcrumb link color

Posted: Mon Apr 27, 2009 5:26 pm
by kyle21
Ok looks like I got it working.