Create hover state on text link

I am having a hard time writing code to create a hover state on the following link. I would like the text to fade to black when hovered. This is on the homepage near the bottom.

Any help is appreciated. Thank you!

Add the below code in your custom css, if you are using h2 as the link tag otherwise update the tag as per text link.

.sqs-html-content h2 a{
	transition: all 0.5s ease;
}
.sqs-html-content h2 a:hover{
	color:#000;
}

share site url mpls ?

11 hours ago, yubrajs said:

Add the below code in your custom css, if you are using h2 as the link tag otherwise update the tag as per text link.

.sqs-html-content h2 a{
	transition: all 0.5s ease;
}
.sqs-html-content h2 a:hover{
	color:#000;
}

 

@yubrajs Unfortunately this did not work.

Try this:

.sqs-html-content h2 a em:hover {
	color:#000 !important;
}

1 hour ago, yubrajs said:

Try this:

.sqs-html-content h2 a em:hover {
	color:#000 !important;
}

 

@yubrajs That worked. Except how do I get the underline to also change colors?

Perfect, thank you! @yubrajs