Remove underline of hover links

[Tony Dylan-Hyde]

Hi bill. I recently reverted to a backup of my site and lost a few customizations along the way. I want to remove the underline of hover links but can seem to replicate what I had achieved before using text-decoration: none. Can you guide me here? Thanks

[Bill Robbins]

Tony, Any chance you could send a link to where you’re working on it? That would be helpful.

Thanks,
Bill

[Tony Dylan-Hyde]

Bill,

I’m working on my site at http://www.advancingcompassion.org

Thanks, Tony

[Bill Robbins]

Thanks for the link. It looks like the underline declaration was being added by the sociable plugin. You can override it though. You can either find this spot in the style.css file:

a:hover {
text-decoration: none;
color: #89511c;
}

and change it to this:

a:hover {
text-decoration: none !important;
color: #89511c;
}

or add this to the Custom CSS box on the styling tab:

a:hover { text-decoration: none !important }

Either way should work for you. If you have any other trouble, let me know.

Great looking site by the way.

[Tony Dylan-Hyde]

Thanks Bill. That did the trick. And thanks for your kind words regarding our website…I had a good framework to begin with.

[Author]

Posts