The Joomla! Forum ™



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.



Post new topic Reply to topic  [ 2 posts ] 
Author Message
 Post subject: How to edit breadcrumbs
PostPosted: Fri Jan 14, 2011 2:22 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Tue Jan 11, 2011 9:50 am
Posts: 11
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


Top
 Profile  
 
PostPosted: Fri Jan 14, 2011 3:14 pm 
User avatar
Joomla! Master
Joomla! Master

Joined: Thu Jul 17, 2008 3:10 pm
Posts: 10934
Location: Ireland
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
http://learnskills.org


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 



Who is online

Users browsing this forum: Google [Bot] and 29 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group