CSS Styling the Remember me checkbox

14 years 2 months ago #1407 by Raj
In the login form, the class for styling the username and password boxes is

class="inputbox_communitybuilder"

Unfortunately, the checkbox shares this class.

So...if I set the width of the username and password boxes to 150 pixels, the width of the checkbox on the Remember Me changes to 150 pixels.

How do I style the checkbox independently of the username and password boxes?

Roger
14 years 2 months ago #1409 by Raj
Seems like it would be better to have a

checkbox_communitybuilder

class for the check box. WOuld make it easier.

Roger
14 years 2 months ago #1422 by nant
You can always override the module css via the suffix parameter.
14 years 2 months ago #1491 by Raj
Yeah, I'm using _communityBuilder as my suffix. I uploaded a picture to help me communicate the situation.

Note that the Remember me checkbox is 150 pixels wide, as are the username and password input boxes.

This occurs because the class on the checkbox is the same as the class on the input boxes. Would be nice if it was different. That would let me style the checkbox differently.

Roger
14 years 2 months ago #1492 by Raj
Here's the picture.
Attachments:
14 years 2 months ago #1499 by Raj
Problem solved. I found the code and changed inputbox to chkbox in mod_cbloginrc2.php :

if ($remember_enabled) {
echo '<input type="checkbox" name="remember" class="chkbox'.$class_sfx.'" value="yes" /> '
.'<span id="mod_login_remembermetext'.$class_sfx.'">'._REMEMBER_ME."</span>";
if ($horizontal) echo " \n"; else echo "<br />\n";
}

Roger
Moderators: beatnantkrileon
Time to create page: 0.555 seconds

Facebook Twitter LinkedIn