Breadcrumbs

  • Print

The breadcrumbs module is placed in the header of the example site.

 

Kruimelpad ongestijld

 

The dark coloured text is hardly visible against the dark red background.

 

Structure with classes and id's

 

div.moduletable_kruimelpad
span.breadcrumbs.pathway a.pathway img (arrow.png)

 

CSS

 

div.moduletable_kruimelpad {
   margin-bottom: 10px;
   color: #ffffff;
   padding: 8px 0 0 6px;
}

div.moduletable_kruimelpad span.breadcrumbs {}
div.moduletable_kruimelpad span.pathway {
   font-size: 10px;
}

div.moduletable_kruimelpad span.pathway a.pathway,
div.moduletable_kruimelpad span.pathway a:visited.pathway {
   color: #ffffff;
}

div.moduletable_kruimelpad span.pathway a:hover.pathway {
  color: #cccccc;
}

 

The image the breadcrumbs module is using is a (yellow) arrow. We replaced the image (created with Photoshop) with a white arrow.

 

Print screen after applying CSS

 

Kruimelpad gestijld

Comments (0)
Post a commment or ask a question!
Your Contact Details:
Comment:
Security
Please input the anti-spam code that you can read in the image.