Menu
When I hover on font-awesome's icons (when they're stacked together) like below (see picture). I get these strange underlines. Any idea where they could come from?
Source:
<div class="text-center"> <!-- FB --> <a href="http://www.facebook.com/share.php?u=${shareURL}" target="_blank" style="color : #555"> <i id="facebook" class="fa-3x fa fa-facebook-square"></i> </a> <!-- Twitter --> <a href="http://twitter.com/?status=Sign-Up+for+SolidTranslate+here!:+${shareURL}+@SolidTranslate" target="_blank" style="color : #555"> <i id="twitter" class="fa-3x fa fa-twitter-square"></i> </a> <!-- LinkedIn --> <a href="http://www.linkedin.com/shareArticle?url=${shareURL}&title=Sign-Up%20for%20SolidTranslate%20here:%20${shareURL}&summary=To%20get%20started%20translating%20SolidWorks%20files%20register%2\ 0here:%20${shareURL}&source=${shareURL}" target="_blank" style="color : #555"> <i id="linkedin" class="fa-3x fa fa-linkedin-square"></i> </a> <!-- Google+ --> <a href="https://plus.google.com/share?url=${shareURL}" target="_blank" style="color : #555"> <i id="googleplus" class="fa-3x fa fa-google-plus-square"></i> </a> </div> 
806
In CSS, we will use text-decoration property to style underline. CSS text-decoration-color Property: This property is used to specify the color of decorations (overlines, underlines, and line-throughs) over the text.
How to Underline a Title in CSS. To underline a title, you can use text-decoration: underline; but you can make it prettier if you use the border-bottom property. In the latter case, however, you need to add display: inline; so that the underline wouldn't be longer than the word itself.
The property text-decoration-line is used to underline the text. This property has three values that are overline, underline, or line-through. So, the value underline is used to underline the text in CSS. This value draws the underline beneath the inline text.
Those lines usually come from the default (underline) a element style.
Either use another element or remove the underline :
a.social { /* or whatever your class */ text-decoration: none; } If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
