Joomla! Forum - community, help and support

Hello can anybody help?

I want to edit the breadcrumbs on the front page,
the reasons are the,

1) The size of the breadcrumbs box is to large.
2) The home text is to the right.

I have researched forums and thought i found the answer to my problems is to install breadcrumbs plus.
But! this has not changed a thing!

Next i come accross edit the CSS, this what it tells me to do:

Click on the name of the active Joomla template and you will be taken to that particular template's page. On the page on the top right side you will see an icon labeled Edit CSS. Click on it to gain access to the list of CSS files that are found in the current Joomla template.
Select the radio button on the next to the template called template.css then go to the top right of your page and click the Edit icon to gain access to the template source code. Using you web browser search feature, look for the word pathway and search. You should find a piece of code that looks like this.

#pathway {
padding: 0px 10px 8px;
width: auto;
margin-top: -2px;
margin-right: 250px;
text-align: left;
}
To make a simple change, like make all the text uppercase and to turn the current page to red, I have changed the code to look like this.
#pathway {
padding: 0px 10px 8px;
width: auto;
margin-top: -2px;
margin-right: 250px;
text-align: left;
text-transform: uppercase;
color: #ff0000
}

when i look for the pathway i only find this!

span.pathway
{
display: block;
margin: 0 20px;
overflow: hidden;
}

/* headers */
table.moduletable th, legend
{
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;

can some please help I can not understand the css codes

Thanks

Hi,

Did you try to use firebug to identify the exact CSS rule. To learn how to use Firebug, please click here:

http://docs.joomla.org/Tutorial:Using_F ... la_Website

Olaf