Drupal tutorial: change the login button with an image

Hi guys! In this tutorial I will speak about Drupal. Sometimes I'm working with Drupal and today I'm going to explain how you can change the login button with an image.

If you want to change the Login button with an image, open the main css file from your templates and at the end add this code:

#user-login #edit-submit {
height: 40px;
width:120px;
background: url(../images/login.jpeg) no-repeat;
background-size:cover;
border: none;
font-size: 0;
}
#user-login #edit-submit:hover {
cursor: pointer;
}

In this way you can easily change the login button with an image in the last version of Drupal.









Leave a Comment