Tutorial : Underline Hover

 My name is Cynthia Xin Ni Lee

 Dashboard - Design - Edit HTML - Tick Expand Widget Templates . Search for this code .

u {

or

/* Header

 Then copy the code below and paste it under u {  , but it you search code /* Header paste it on top /* Header

u {

text-decoration:underline;

border-bottom: 2px solid #38ACEC;

padding: 0px;

}

u:hover {

text-decoration:none;

background: #2B60DE;

-webkit-transition-duration: 2s;

color: #FFFFFF;

-moz-border-radius: 2px;

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

border-radius: 5px;

padding-top: 1px;

padding-bottom: 1px;

padding-left: 2px;

padding-right: 2px;

}

 Then save it . 

If you're using it don't forget to leave a comment here .

Tweet