Customizing Login Widget/form/button

How can I make the login button an image? I have done this so far, but I can’t get rid of the generic button image for LOGIN on the widget:

.ws-plugin--s2member-pro-login-widget-submit {
	background:url(http://www.societyoftraders.com/wp-content/uploads/2012/10/loginbutton.png) no-repeat !important;
    cursor:pointer;
    width: 206px;
    height: 25px;
    border: none;
}

I think I can make the image transparent, but I have no idea how to edit . Firebug says it is in the

<input type="submit" value="LOGIN">

tag , but I have no clue where to look for it.

take a look at what that did: http://www.societyoftraders.com/
Also, I wanted to change the input fields to look a little more fluffy! Can I do this with an image?

I have no knowledge of css, but I am trying my hardest to learn. Props to you guys this stuff is rediculously hard.

• This topic was modified 4 years, 3 months ago by  cyrus khavari.
• This topic was modified 4 years, 3 months ago by  cyrus khavari.