Voltex Computers Support Desk > Voltex Computers Support Desk > Knowledgebase

Horizontal Breadcrumb for Joomla 3.x using Artisteer Template


Breadcrumbs with v4.1.05 with Joomla 3.0.2 is really a problem though. Core Joomla has some things not quite right - including the class wich is 'breadcrumb' and not breadcrumbs in the coding for the default Joomla breadcrumbs module. Here my workaround using my own template which I would have thought can be made to work with other templates: 

In template.css I added: 

.breadcrumb { 
clear: none; 
margin-left: 10px; 
margin-top: 10px; 
margin-bottom: 30px; 

.breadcrumb a, .breadcrumb a:link, breadcrumb a:visited, .breadcrumb a.visited { 
color: #80A305; 
text-decoration: none; 

.breadcrumb a:hover, .breadcrumb a.hover { 
color: #FCF766; 
text-decoration: none; 

.breadcrumb ul { 

.breadcrumb li { 
padding-right: 5px; 

In default.php in mod_breadcrumbs>tmpl I manually changed the 2 instances of 

echo '<span class="divider">/</span>'; 


echo '<span class="divider"> >></span>'; 

This removes the forward slash used in the wrong Joomla core code and replaces it with two arrows.

Was this article helpful? yes / no
Article details
Article ID: 15
Category: Joomla Information
Date added: 2013-03-08 05:39:17
Views: 2337
Rating (Votes): Article rated 4.1/5.0 (14)

« Go back

Powered by Help Desk Software HESK, brought to you by SysAid