How to Remove the Underline from Links in WordPress

If you’ve worked with customizing a WordPress site, you might have noticed links come underlined by default. Of course, they are great for usability, but they might not fit according to your design. No need to sweat— removing an underline from a link is easier than you think.

In this post, I have provided you with all the details to remove the underline from the links in WordPress.

Let’s start.

Removing the Underline From Links in WordPress

You can easily remove the underline from the links in WordPress. If you are using the old version of WordPress, then you can use the customizer. Otherwise, you can take help of a plugin called Blocks CSS. 

Step 1: Install the Blocks CSS Plugin

From your WordPress dashboard, navigate to Plugins -> Add New. Search for the ‘Blocks CSS’ plugin. 

Install the plugin, and don’t forget to activate it. 

Step 2: Remove Underline from Links

After you have activated the plugin, open the page/post where you want to remove the underline from the link. 

Select the block with the link. 

Open the block settings and click on ‘Custom CSS’. Now, paste the following code on the CSS field. 

/* Remove underline from all links */
a {
    text-decoration: none;
}

/* Optionally, add hover styles for links */
a:hover {
    text-decoration: none; /* Keeps underline removed on hover */
}

Save changes, and you will find your underlines removed from the link. 

Final Words

Removing the underline from links in WordPress is simple and can make your site look more modern. By using the method shown above, you can achieve this desired effect within minutes. Don’t forget to test your changes across pages to ensure a consistent look!

If you liked the post, then please share it with your friends and leave your thoughts in the comment box below.