Link hover

I can't figure out how to put a text decoration on the links when you hover over them. The default seems to be nothing...so when you hover on a link there is no change what so ever. I would like to change the color on both the links on the home page and throughout the entire site. can you please tell me the css?

Thanks!!!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer a:hover {
text-decoration: underline;
color: red;
}
.footer ul li a:hover {
text-decoration: underline;
color: red;
}
.page-content .content-bar a{
color: red;
}
.page-content .content-bar a:hover{
text-decoration: underline;
color: red;
}
.fullwidth a{
color: red;
}
.fullwidth a:hover{
text-decoration: underline;
color: red;
}

 

This worked on the footer and main pages but it did not work on the home page. url is www.newyorkguidance.com
Thanks!!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.slider-info a {
color: red;
}
.index-fullwidth a {
color: red;
}
.feature-content .feature-item a {
color: red;
}
.slider-info a:hover {
color: red;
}
.index-fullwidth a:hover  {
color: red;
}
.feature-content .feature-item a:hover  {
color: red;
}

Inplace of "red" put your color code.