CSS Forum

**majormusic** · 02-04-2009, 03:52 AM

Hi on my webpage, www.majormusiccontacts.com I have a menu on the top. And I'm trying to change the "BUY A&R Contact List" to the color black, that way it is easily visible.

How can I make just one hyperlink black.

Thank you very much.

**andmcg1** · 02-04-2009, 05:25 AM

The best way to do it would just be to override the colour with a style tag like this:

Code:

<a href="aandr.php" style="color: #000000;">A&amp;R</a>

#000000 is the color black. You can replace it with the colour name, like black, white, red, blue, etc, if you want.

I don't mean to be patronising... Just in case you don't know.

Cheers

**chrishirst** · 02-04-2009, 09:57 AM

It is NOT a style "tag" it is a style attribute!

Do NOT use inline styles for such a change.

Create a class and apply it to the link.

**andmcg1** · 02-04-2009, 10:34 PM

Quote:

Originally Posted by chrishirst

It is NOT a style "tag" it is a style attribute!

Do NOT use inline styles for such a change.

Create a class and apply it to the link.

He's absolutely right!

It is PROBABLY bad practice to apply the style via the attribute like that. But, it will work, and if it's just for 1 link and will always be for just 1 link, that's how I'd do it.

But it would be best to do it "chrishirst's" way.

Thanks for the correction.

**majormusic** · 02-06-2009, 07:18 AM

I'm not a real CSS master how can I do it Chris's way

**andmcg1** · 02-06-2009, 07:56 AM

That I can help you with!

First, you need to edit your CSS file which (I think) is in css/master.css.
Add the following:

Code:

 .link_black {
color: #000000;
}

The full-stop/period . before the name means you are defining a class.
Then add the class "attribute" (thanks chrishirst

), referring to the style you just set up:

Code:

<a href="aandr.php" class="link_black">A&amp;R</a>

Horray, I'm helping!

Cheers

**majormusic** · 02-11-2009, 07:36 PM

Hey thanks for your help. It's still white though. It didn't work andmc. I've tired other things but still isn't working. Help?

**Decaf** · 08:05 AM

Quote:

Originally Posted by majormusic

Hey thanks for your help. It's still white though. It didn't work andmc. I've tired other things but still isn't working. Help?

HTML Code:

<html>
<head>
<style type="text/css">
... CSS ...
</style>
<title>blah</title>
</head>
<body>
...
<a href="#">foo</a>
</body>
</html>

**andmcg1** · 02-12-2009, 11:47 AM

Quote:

Originally Posted by majormusic

Hey thanks for your help. It's still white though. It didn't work andmc. I've tired other things but still isn't working. Help?

In your CSS file, you have

Code:

 .link_black {
color: #000000;
}

You need to remove the space before .link_black

**majormusic** · 02-13-2009, 10:12 PM

My brother, still the same results. By the way thank you for your help.

**majormusic** · 02-16-2009, 02:27 AM

It still won't work? Any suggestions? Thanks.

**andmcg1** · 02-16-2009, 09:08 PM

I'm a genius!

I had to download your web page and play with it to work it out.

Because your menu items are wrapped in a div and you define the links within this div, you need to make the override class refer to this div.

So the code in the CSS file actually needs to be:

Code:

#main-nav .link_black {
    color: #000000;
    }

Cheers

**majormusic** · 02-18-2009, 06:58 PM

Thank you so much andmcg1 Brother thank you very much! You're a genuine person. And twendesign I know you didn't come here to help, you came here to spam.