Drupal 7 - Simple inline CSS styling of the User Login Block

A very simple way to make the login and password input boxes appear inline with "Username" and "Password" is to add the following line to the bottom of the CSS file in your theme:

#block-user-login label {display:inline;}

This ONE line of code take the standard Drupal login block that looks like this:

Drupal 7 Login Block

and transforms it into this:

Drupal 7 Login Block with Inline Styling

That's all there is to it! Feel free to post comments with other quick and easy customizations of the user login block.

About the Author

chris's picture
Chris Kirby - Owner, The Computer Group
Chris Kirby is the owner of The Computer Group and regular contributor to the blog. Chris is 31 years old and has been working with computers since the age of 6.
Wed, 04/04/2012 - 9:49pm
Average: 3.2 (15 votes)

Add comment

Comments

Wow. I've been doing this a different way that takes a lot of steps. I didn't realize it was that easy! Thanks for the tips.