altering post title anchor states

Could you try describing what it is that you are trying to achieve?

I’d like to add different -visited, -hover, and -active states to the post title (also to links within the posts, but I figured I’d try to do one thing at a time).

The reason being, client thinks that they don’t “look like links”. If I can add a hover state, at a minimum, they’ll get it.

Thanks yet again, esmi!

the correct css for this would be:

a:link .post-title {
	color: #ffcc00;
}
a:visited .post-title  {
	color: #fffcc00;
}
a:hover .post-title {
	color: #ffffff;
}
a:active .post-title  {
	color: #ffcc00;
}

Thanks alchymyth — no joy when I add it in… Is it because of the page that’s holding the posts? I also tried adding a new style and putting that in a <span> for the title, but still no luck (did that in the “thoroughly confused myself” stage).

Also (not sure if this is new and/or related) — any idea why, at https://teknikor.com/content/career-opportunities/ (which uses essentially the same page template), the first “more” link is #cccccc (body copy color), and shows white on rollover, but the SECOND “more” link is white and (therefore, I assume) shows no rollover?

Thanks!

ok, my suggestion were for the orange titles, with a white hover – they seem to work now.

for the read-more link, you probably need to add new styles:

a.more-link:link {
	color: #dddddd;
}
a.more-link:visited  {
	color: #aaaaaa;
}
a.more-link:hover {
	color: #ffffff;
}
a.more-link:active  {
	color: #ffcc00;
}

adjust the colors

ok, my suggestion were for the orange titles, with a white hover – they seem to work now.

That’s so bizarre — they DO work now, but they didn’t when I posted yesterday. Must have been a cache issue.

Can I ask a stupid question? This is part of what was confusing me. Why is the title syntax like this: a:link .post-title { } but the more link ISN’T this: a:link .more-link { }?

I’m not doubting it! I’m just trying to wrap my head around it. Thanks!

[edit: I also found the other thing I was looking for:

.entry p a:link {
	color: #fc0;
	}
.entry p a:visited {
	color: #FFF;
	}
.entry p a:hover {
	color: #fff;
	}
.entry p a:active {
	color: #fc0;
	}

It wasn’t just the more links but also the links within entries. For some reason they’d been commented out.]

the difference is as follows:

a:link .post-title { }
because the class .post-title is not directly the class of the link, but a class of something within the link.
for instance see here:
<a href="https://teknikor.com/content/2010/field-service-engineer/" rel="bookmark" title="Permanent Link to Field Service Engineer"><div class="post-title">Field Service Engineer</div></a>

a.more-link:link { }
because the class is directly a class of the link tag.
for instance see here:
<a href="https://teknikor.com/content/2010/field-service-engineer/#more-1471" class="more-link">See this job’s details ?</a>