Underlining Hyperlinks on Home Page and 'Wide' Page

I have a website setup at mavendomains(dot)com and on that website I would like to have my Hyperlinks setup on Pages (Including Full Width Pages) and Posts so that they are initially underlined with a specific colour and when I hover over them the initial Underline disappears.

But, I do not need the current Hyperlink format for links that appear in the sidebar or the bottom widgets to change i.e. I only need the Hyperlink format in the Page & Post content to change.



Can you please help. Thanks.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.page-content a {
color: red;
text-decoration: underline;
}
.sidebar ul li a{
color: red;
text-decoration: underline;
}
.page-content a:hover {
color: blue;
text-decoration: none;
}
 
.sidebar ul li a:hover{
color: blue;
text-decoration: none;
} 

In place of "red" and "blue" you can put your color or color code.
This will solve your issue.

 

Thanks, but I cannot see the Hyperlinks working as expected.

For example the content on the Home page has several Hyperlinks but they all still have the same colour with this new code and they do not have an underline e.g. the words 'More Domains for Sale' and the 2 examples of 'Click Here' should in theory be Red with an underline. And when I hover over those hyperlinks they do not change.
Note: Also bear in mind the Home page content is entered through the Featured Settings 'First Feature Description'.

And on any of the other site pages the Hyperlinks are still not underlined and are not red based on your sample code. BUT, when I hover over them they do change to Blue. For example if you click on the 'Buy Domains' menu link you will see the words 'get in touch with us today'.

Any additional help appreciated. Thanks.

 

Hello,

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

Code:

.feturebox .featurebox_inner .featurebox_desc.first a {
color: red;
text-decoration: underline;
}
.feturebox .featurebox_inner .featurebox_desc.first a:hover {
text-decoration: none;
}
 

This will solve your issue.

Thanks & Regards
Gourav Shrivastava

 

Thanks, the Hyperlinks on the home page are now working as expected.

However, I am still not able to get the Hyperlinks to work as expected on any other pages of the site. Have a look at this page for example:
mavendomains.com/buy-domains

and see the Hyperlink 'Get in touch with us today'. It is not underlined.

For the sake of clarity here is the full lot of code I now have entered in the Custom CSS box:
.page-content a {
color: blue;
text-decoration: underline;
}
.sidebar ul li a{
color: red;
text-decoration: underline;
}
.page-content a:hover {
color: blue;
text-decoration: none;
}
.sidebar ul li a:hover{
color: blue;
text-decoration: none;
}
.feturebox .featurebox_inner .featurebox_desc.first a {
color: blue;
text-decoration: underline;
}
.feturebox .featurebox_inner .featurebox_desc.first a:hover {
text-decoration: none;
}


Thanks: Paul

 

Hello,

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

Code:

.page-content a:hover {
text-decoration: none;
}
.footer .footer_widget a {
color: red;
text-decoration: underline!important;
}
.footer .footer_widget a:hover {
text-decoration: none;
}
 
.page-content a {
color: red;
text-decoration: underline!important;
}
 

This will solve your issue.

Thanks & Regards
Gourav Shrivastava

 

Great, all sorted now. Thanks for your help.