I've been attempting to incorporate a transition:1s; and transition the text to color:#0000. The specific text I'm working with is 'Joe Doe' in the image caption below my image. I've experimented with various placements in my CSS, but haven't had any success so far. My website runs on Wordpress with a Genesis Framework using the tru Chiliad Theme, which can be found at
<p class="wp-caption-text">Image:
<a href="http://mashable.com/2014/09/25/disney-characters-halloween-costumes/" onclick="ga('send', 'event', 'outbound-article',
'http://mashable.com/2014/09/25/disney-characters-halloween-costumes/', 'Joe Doe');" target="_blank">Joe Doe
</a>
</p>
Here's an example of what I've attempted, along with other strategies:
a {
text-decoration: none;
color: #8B8080;
}
a:hover {
transition: 1s;
color: #0000
}