External and Internal links not underlined

How do I underline the links (when I hoover over) and change the color of the text of these links? I have a bizway pro response theme and have tried to add css coding under styling options but this did not work. Presently these links are in a darker shade than the normal text but not recognisable as links. I have attached a screen shot Please help.

 

Hello,

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

Code:

.footer-wrapper .footer_widget a:hover {
text-decoration: underline;
color: your color value;
}

Note: Add your color value.

 

Thanks works perfect. how do I do this for the main body of text in each page? How do I change the text link colour permanently so when I hover it just underlines in the same colour?

 

Hello,

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

Code:

.footer-wrapper .footer_widget a:hover {
text-decoration: underline;
color: red;
}
.footer-wrapper .footer_widget a{
color: red;
}
.main-content a {
color: red;
}
.main-content a:hover {
text-decoration: underline;
color: red;
}
.page-content .fullwidth a {
color: red;
}
.page-content .fullwidth 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;
}

This will solve your issue.