Changing the link colour of the Breadcrumbs only!

[Camotec]

Hey Guys,

 

I am integrating a custom template for my whmcs install and my design has a need for mainly dark coloured links but the background behind the breadcrumbs is dark so I need to adjust the link colour there to a lighter colour (white) I know how to manually change a link colour once off on different items but thiswon't work with breadcrumbs. Please help

 

Cheers

Ben

[Adam]

Hey,

 

Have you checked your CSS styles? It would be better and easier for us if you gave us the URL to your site so we can see the full code and determine what needs to be changed.

 

 

Thanks,

Adam

[Camotec]

I have been though the style.css and there is only one setting in there and I am still learning CSS and I have limited knowledge of it.

(This is still very much an unfinished project)

 

the url is http://www.camotec.com.au/cc

[bear]

Sure. In the template set you're using, find "header.tpl". In that template, find this tag: "{$breadcrumbnav}", and wrap a span around it, like this:

<span class="navlink">{$breadcrumbnav}</span>

 

Then, in the style sheet (style.css, located in that same template's folder), create declarations for what "navlink" does. Something like this (change color and so on, to your liking):

a.navlink {

color: #FFF000;

text-decoration:underline;

}

a.navlink:hover {

text-decoration: none;

}

a.navlink:visited{

color:black;

text-decoration:none;

}

That may do it for you.

[Camotec]

Ah... Good Stuff

 

Thanks bear, I was contemplating dumping the breadcrumbs. I might keep them now.

 

Cheers

Ben

[Camotec]

Bear,

 

I tried what you suggested and it didn't work. got me buggered I can not find out why. I double checked that I had the declarations in the style.css and the tags around the breadcrumbs in the header.tpl file and its no good? hehe

 

Cheers

Ben

[bear]

Just went to look and there was no span wrapped around the breadcrumb?

I do see this:

.clientarealinks a {

color:#CC0000;

}

It's the same color as the normal "a" declaration in the CSS, so if it didn't change, that's why.

[Camotec]

Hey Bear,

 

Yeah i have it the same because I want the client link (when a user is logged in) to be that colour just not the breadcrumbs because I had a different background colour behind the breadcrumbs. but this is not the case now I have made the background the same and have decided to leave the breadcrumbs the same colour as the other links.

 

Thanks for your help.

 

Ben

[robbo]

You might have to use the replace function of Smarty. Theres a thread somewhere but I can't find it (it is only 7:30am afterall ). I've not yet used it, however it looks to having quite amazing effects, and has been used in a template file as well (again not sure which one)