White 'link' text for my info boxes?

[Guest]

I'm 'experimenting' with some different looks for our site. Nothing drastic, just a few small visual changes. I had a thought that I could make the backgrounds of my information boxes black and the text inside the boxes white. I altered the stylesheet to make it happen, but this is what I end up with.

 

 

I see what the problem is: The links are not white, and I don't know where to make that happen. I don't know IF it can be done. Since visited links are a different color, I'd hate to see the white link suddenly go 'invisible' after a user has visited the item/page.

 

Anyone have any ideas on this?

[spax]

I hope those little white bags are legal! :blink:

 

Yes, you can change the colors to whatever you want. Look in your stylesheet for this:

 

a { color: #000000; text-decoration: none; }

 

a:hover {

color: #aabbdd;

text-decoration: underline;

 

And change it to this:

 

a { color: #ffffff; text-decoration: none; }

 

a:hover {

color: #ff0000;

text-decoration: underline;

 

 

That will give you white links, white visited and red hover with underline. Change the colors to please.

[Guest]

Thanks, Spax. That did it. But now ALL of my link text, is white. Those inside the info boxes are great, but outside, like the login text are showing up white.

 

Welcome Guest! Would you like to log yourself in? Or would you prefer to create an account?

 

I'm working on a contribution that puts the login box inside an infobox. That should solve it.

 

Thanks again for the help.

 

 

P.S. Yes, the little white bags are legal :D

[spax]

Hi Kenia,

 

Yes, that is nearly a global change. I think only the breadcrumb trail is a different colour, white actually.

 

If you want the login to be a different colour, you can add a new rule to your stylesheet and call for it where the login text is defined.

 

eg. create a new rule:

 

a.login { 
 color: #ffffff; 
 text-decoration: none; 
 font-size: 11px;
}

a.login:hover {
 color: #ff0000;
 text-decoration: underline;
 font-size: 11px;
}

 

Then where the text is defined, in catalog/includes/languages/english.php, call for the new rule.

 

e.g. Where it says:

 

define('TEXT_GREETING_PERSONAL_RELOGON', '<small>If you are not %s, please <a href="%s"><u>log yourself in</u></a> with your account information.</small>');

 

Alter that to:

 

define('TEXT_GREETING_PERSONAL_RELOGON', '<small>If you are not %s, please <a class="login" href="%s"><u>log yourself in</u></a> with your account information.</small>');

 

You'll notice the class="login" added to the <a> tag

 

There are 3 different TEXT_GREETING you would need to alter.

 

Good luck,

 

Peter.