Adding CSS to the Login Form in a Joomla 3.1 template
As we continue to create a Joomla 3.0 template, the next task we will do is add a bit of style to it. Starting off, we'll focus on the login form.
Styling the Joomla 3.0 login form using CSS
The Joomla 3.0 login form has an id of login-form. To add css to this form, you'll want to add a css declaration for #login-form.
- Open css/style.css
Using your favorite text editor, in your template's folder, open css/style.css. Your css file may be different, but this is the name of the file we included in our template.
- Add CSS for #login-form and then save the file
You can add any CSS that you would like for your login form, however we decided to give the form rounded corners with a grey background. Below is the CSS that we inserted into our css/style.css file:
border:1px solid #ccc;
margin:0px 0px 10px 0px;
‹Section 10: Adding security to a Joomla 3.1 template using JEXEC
›Section 12: Adding CSS to sidebar items in a Joomla 3.1 template
Joomla Community Google+ Hangout #3
June 3rd, 2014
Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!
You are NOT logged in. You can still browse our Support Center.
To participate within our Community Support Forum: