How to edit breadcrumbs

Need help with the Administration of your Joomla! 1.5 site? This is the spot for you.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
ukolil
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Tue Jan 11, 2011 9:50 am

How to edit breadcrumbs

Post by ukolil » Fri Jan 14, 2011 2:22 pm

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

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11614
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: How to edit breadcrumbs

Post by ooffick » Fri Jan 14, 2011 3:14 pm

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
Olaf Offick - Global Moderator
learnskills.org


Locked

Return to “Administration 1.5”