[Solved] CSS Styling for Default Joomla! Login Form

[mryder]

Hello,

I was wondering how to customize the way the default login form for Joomla! is displayed. I would like to remove the table within the form and use the XHTML friendly mark up. In other words I don't want the table within the login form code. Instead I want a ul and li deal.

How can I do this? I am using Joomla! 1.0.15 Stable.

Thanks!

[mryder]

I figured it out. I simply edited the file modules/mod_login.php.

[davindersangha]

Hi, how is it possible to do this. On my template, the font sizes of the menus are 12px. But the small login box is around 14px. No idea how to add code into mod_login.php and also can't find anything in the template CSS files.

Using Beez. Any help out there?

[nanunanu]

I don't know if you are still having trouble, or if this will help, but by viewing my site in Firefox and using the Firefox plugin Firebug I was able to determine the names of the divs and classes used by the login form and I added CSS styles into my template's CSS stylesheet to make the changes.

[davindersangha]

Thanks. I managed to get more aquainted with CSS and managed to change things.

However, another Firefox issue. Using Firefox, my site, www.sassco.co.uk/football, you can see a gap between the top icons and a grey menu bar.

In Safari, it is covered as I have also put a blue background and the gap doesn't appear.

Any tips? It's only a problem on Firefox. Seems fine in IE and SAFARI. I have changed the template quite a bit, but still firefox give a problem.

[mailblade]

I figured it out. I simply edited the file modules/mod_login.php.

Hey man, could you show me how you did it? Or give an example of your code on the login.php?

Would really help me a lot