 |
ellenthompson
User
Sep 11, 2006, 11:49 AM
Post #1 of 5
(1189 views)
Shortcut
|
|
Help with index and article template breadcrumbs
|
Can't Post
|
|
I am totally stuck on how to resolve this issue.
We are trying to create breadcrumbs that looks uniform - i.e. link text and unlinked text are the same style. I have applied styles, tried to edit the styles in images/common, all to no avail. Example:
http://www.247advisor.com/artman/publish/advisors-board-members.shtml
Thanks in advance. I greatly appreciate the help!
Ellen
|
|
| |
|
ross
Staff
/ Moderator
Sep 11, 2006, 3:27 PM
Post #2 of 5
(1183 views)
Shortcut
|
|
Re: [ellenthompson] Help with index and article template breadcrumbs
[In reply to]
|
Can't Post
|
|
Hi Ellen.
Thanks for posting!
From the looks of it, the breadcrumbs on your page are within a span tag that actually has the class “breadcrumb” applied to it. The thing here is that when I checked your stylesheet, there wasn’t a definitely for “breadcrumb”.
What you’ll want to do is add something like this:
.breadcrumb { font-family: tahoma, arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #339999;
}
to your stylesheet and then tweak it so it gets things displaying as you had envisioned. Give this a try and let me know how you make out  .
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
ellenthompson
User
Sep 11, 2006, 5:49 PM
Post #3 of 5
(1180 views)
Shortcut
|
|
Re: [ross] Help with index and article template breadcrumbs
[In reply to]
|
Can't Post
|
|
This was of great help, and I am now half way there - I can change the links to display in purple to match the visited link color.
However, I can't seem to change the visited link color for just this element, which I could probably do if I knew css better. I did manage to change parameters for the whole page, but this made a real mess.
Any idea where the visited link style is set for $cat_breadcrumb$?
Thanks again!
Ellen
|
|
| |
|
Donna
Staff
/ Moderator
Sep 12, 2006, 2:56 PM
Post #4 of 5
(1149 views)
Shortcut
|
|
Re: [ellenthompson] Help with index and article template breadcrumbs
[In reply to]
|
Can't Post
|
|
Hi Ellen!
Same tag, just a different value. So, instead of defining "a.link" (or even just "a"), define "A:visited".
For example, you might have:
.breadcrumb a.link {#aaaaaa}
.breadcrumb a.visited {#cccccc}
Take a look at this page for more tutorials on how to define CSS attributes: http://www.echoecho.com/csslinks.htm
...and let me know if you have any other questions or concerns. :)
Donna
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
ellenthompson
User
Sep 12, 2006, 6:14 PM
Post #5 of 5
(1143 views)
Shortcut
|
|
Re: [Donna] Help with index and article template breadcrumbs
[In reply to]
|
Can't Post
|
|
You have no idea how relieved I am. Thanks for your help and the referral to the css tutorial.
For future readers of the post, The final solution was:
.breadcrumb {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
.breadcrumb A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
which enables me to define breadcrumbs (which are handy for SEO, more my area of expertise than CSS!) that I place on a darker background like so:
http://www.247advisor.com/artman/publish/leadership-team-development.shtml
|
|
| |
|
