Hypertext Link Format Help

I would like to change how Hypertext Links look within Posts and Pages only.

The format I would like is as follows:

All Hypertext links should be 'Underlined' and when I hover the mouse over the link the Underline disappears.

Please note that I do not want any other links within the Sidebar and the Bottom Widgets to change i.e. it is ONLY the Hypertext links within Posts and Pages I would like to change.

Thanks.

 

Hello,

Do let us know your website link.


Thanks & Regards
Gourav Shrivastava

 

The website is domainsquared(dot)com

 

Hello,

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

Code:

.content-bar a {
text-decoration: underline;
}
.content-bar a:hover {
text-decoration: none;
}

Thanks & Regards
Gourav Shrivastava

 

That's perfect. Thank you.