Joomla Templates

I have published the Login Form module in the User3 position on my site, but the "Remember Me" checkbox is displayed incorrectly. The actual box is on its own separate line under the "password" field, and then the "Remember Me" label appears on a separate line below the box. It's not a huge problem, but it looks a little odd.

Anyone know what might be causing this or how to fix it? I tried going through the "NiftyLayout.css" file, but I couldn't figure out what could be causing this.

It'll be the css that controls the input boxes. It'll be picking up the same width as the user input box and password input box. you could try adding this to your css



that should affect all check boxes. Or to just affect that check box you could try



I'm not sure how wide you'll need to make it. 20px is just a guess. Have a play with size.

Let us know how you get on.

Thanks for your help!

Unfortunately I tried both of these, with different widths but neither worked. I also tried

but that didn't work either.

I'll keep trying, but I may have to leave it the way it is.

Sorry that didn't help... It may take a bit of playing around.

What browser are you using?
And did you put the css code after all form styles?

Yip i'm sure it should work. I've had the same issue on another site.

That's odd, I could have sworn I answered your previous post about browsers etc. I must have gotten logged out before I submitted it :S .

Anyway I finally got it to work ... I think :). I used that code, as I did before and this time I actually cut and pasted it into my css file. However I missed copying the second, closing bracket, and the weird thing is, that it worked! When I tried adding the bracket, it was back to the way it was before. I placed the "mod_login_remember" code immediately after the other "mod_login" code in the css file.

I've been testing this in both IE7 and Firefox 2, and now the "remember me" checkbox appears to be normal in both browsers. The IE7 login form appears more stretched out for some reason now (more space between the input boxes), but I'll see if I can fix that.

Thanks for your help!

Ok, as I suspected, I've discovered that leaving the close bracket out has caused other layout problems, and I just didn't see them at first.

It must have something to do with mod_login_remember for sure though... just not sure why leaving the bracket unclosed would have "fixed" it. Could it have something to do with where I placed the code in the css file?

... getting closer at least.

:) lol I was going to say something but thought if leaving the bracket open fixed your problem and you're happy then why trouble you.
CSS stands for cascading style sheets, it's the cascading aspect that gives them allot of power. Just as an example

a {
color: #C40004;
}

a {
color: #000000;
}

the color #000000 would be the one that gets used. Because it's positioned last it'll be the last one that gets read by the web browser and will over write the first one. By specifying a class or an id it will only affect those elements with that id or class.

Any way not sure if that really helps. I would try changing the position in the style sheet of #mod_login_remember. I have used this on a site I'm working on (slowly).

lol, I knew when I left the bracket open that it didn't seem "right". I'm a bit of a css newb, though, and I was surprised that it worked at all without giving some sort of error, or completely ruining the layout. So when I thought that it had fixed my problem, I thought "hey, why not leave it?" lol.

Thanks for the info about "cascading", I didn't know how that worked exactly :). I guess I should read up on css a little more before I start messing with it hehe. I'll take a look at the file and try moving the "mod_login_remember" code and see if that helps (although it seems that changing the width should apply to the mod_login_remember in this case, and override anything else?).