Knowledgebase
Voltex Computers Support Desk > Voltex Computers Support Desk > Knowledgebase

Horizontal Breadcrumb for Joomla 3.x using Artisteer Template

Solution

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 { 
list-style-type:none; 
text-align:left; 
} 

.breadcrumb li { 
list-style-type:none; 
display:inline; 
text-align:left; 
padding-right: 5px; 
} 

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

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

to 

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