How to Remove Underline below Text Link in Blogspot

Blogging Tips

In some Blogspot Template, if we want to link to other page or other web there is an underline below in the text link.

For some user to make the template more beautiful , they want to remove the underline below text link.
Do you know how to remove it?

Ok , Follow the instruction below:

Note: Before you do the trick its recommended to backup your template first

1. Login to blogger, then choose "Layout --> Edit HTML"
2. Find this code below (Tips: you can use Ctrl+ F and type a:link)

a:link {
text-decoration: underline;
}

a:visited {
text-decoration: underline;
}

a:hover {
text-decoration:underline;

3. If you find the above code , change to this below code:

a:link {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover {
text-decoration:none;
}



Note : if you find that your code in the template like below pic:



Simple, Just add the code text-decoration:none; below each color.
The code will be like this :

/* Links
----------------------------------------------- */
a:link {
color: $mainLinkColor;
text-decoration:none;
}

a:visited {
color: $mainVisitedLinkColor;
text-decoration:none;
}

a:hover {
color: $mainVisitedLinkColor;
text-decoration:none;
}

Glossary:
text-decoration:underline; -> Using Underline Link
text-decoration:none; -> it will remove underline Link
a:link is how the links should appear in the browser.
a:visited is the link style when the links have been clicked or visited.
a:hover is the link style when the cursor or mouse moves over the links.

Related Topics:
How to Remove Underline below Text Link in Blogspot
How to add a PAYPAL DONATE button to your blog (Blogspot)
How to Make Author Comment Have Different Color in Blogspot
How to add Search Box in your blog (Blogspot)
How to fix Error bX-u63lp7 message when upload new templates on Blogger(Blogspot)
How to get Recent Comments and Recent Posts on Blogger/Blogspot
How to Remove the Number of Label in Blogspot
How to use Strips Ad in Blogger
How to Hide / Remove Blogger Navigation bar