Fixing the position of LIKE button

Hello! I successfully put the like button on our forum but then the position seems awkward Is there a way to lower the like button? Because it's way too high that it reaches the line above quote edit delete icons~

Add some margin-top in the css.
.LGlike{ margin-top: 5px }

Hi~ I was able to do it but nothing happened plus the bg color disappeared Is there something wrong with it? Here's my code:

Code:

.LGlike {{ margin-top: 5px }
background: #A1D0FC;
padding: 4px;
border-radius: 4px;
color: #333
      333;
font-size: 12px;
font-weight: bold;
text-shadow: -1px 0.5px #333
 333;
box-shadow: 1px 1px 1px #333
 333;
cursor: pointer;
  margin-right: 4px;
}

BTW, is there a way to put a bg-image for like instead of just a text with bg color?

Try this:

Code:

.LGlike {
    margin-top: 5px;
    background: #A1D0FC;
    padding: 4px;
    border-radius: 4px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-shadow: -1px 0.5px #333333;
    box-shadow: 1px 1px 1px #333333;
    cursor: pointer;
    margin-right: 4px;
}

Uh~ nothing happened, just the LIKE word became thicker (bold)

Try changing this line in the CSS: .LGvote { margin: 0 5px; }
To: .LGvote { margin: 5px 5px 0; }
Changing the first 5 to anything that works for you.

To add background image, just add it in the css.
http://www.w3schools.com/cssref/css3_pr_background.asp