How to add an underline to the links on your website when someone hovers over it in WordPress

October 26, 2019 by admin Leave a Comment

If your website is a WordPress website or even a regular website you may want to underline links on your website when people use the mouse to hover over the link. Just add this a:hover WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to add an underline to links that are hovered on in WordPress.

/**
 * Change link to underline on hover
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
a:hover {
	 text-decoration: underline;
}

Your theme may likely already have the link code listed in the CSS stylesheet so you may want to search the stylesheet for that first and if it does then you can update that to the one you want.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Reader Interactions

Leave a Reply Cancel reply