Styling header links

[simontheak]

Sometimes I wonder if I'll ever get the hang of CSS.

Can someone help me out with this bit of code?

h2 a {
	color: #42afb6;
	text-decoration:none;
	border-style: none;
	font-size: 12px;
	font-weight: bolder;
	text-transform: none;
        font-variant: small-caps;
}

I'm trying to style <h2> tags that are also links.

Thanks alot

[rainmakr]

Please be more specific as to what isn't working. The CSS you listed should style links that are contained within an H2 tag:

<h2><a href="#">your text here </a></h2>

[Dan Schulz]

If you're trying to make the links inside the headings take up all the space inside their container set their display to block and then declare a width.

[simontheak]

Thanks for the reply Dan and apologies for not being specific enough.

You can see the problem at http://www.pkrpoker3d.com. I'm trying to style the first white heading on the page: the font-variant seems to work, but the colour should be the same blue as the main heading and it should be slightly larger.

I can't quite understand why only part of the CSS is working.

Thanks again for your help.

[Dan Schulz]

Hmm... seems to be working here. Did you fix it in the meantime?

[simontheak]

Nope - still seems to be broken - are you seeing green headers then? It's on the bonus codes page.

[Dan Schulz]

I'm seeing a bluish-green header, yes.

[simontheak]

Hi Dan,

It's actually the link that's underneath that. The (what is currently) a small white link in small caps.

Thanks again for your help - it really is appreciated!

[Centauri]

You have a style entry for .entrybody a which is more specific than h6 a, so it takes precedence. You need to make the green style more specific by changing h6 a to .entrybody h6 a

[Dan Schulz]

Ah. I was looking at the one above that, sorry. (And yes, Centauri's right.)