CSS Styling the Remember me checkbox

14 years 7 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

Please Log in to join the conversation.

14 years 7 months ago #1409 by Raj
Replied by Raj on topic Re:CSS Styling the Remember me checkbox
Seems like it would be better to have a

checkbox_communitybuilder

class for the check box. WOuld make it easier.

Roger

Please Log in to join the conversation.

14 years 7 months ago #1422 by nant
Replied by nant on topic Re:CSS Styling the Remember me checkbox
You can always override the module css via the suffix parameter.

Please Log in to join the conversation.

14 years 7 months ago #1491 by Raj
Replied by Raj on topic Re:CSS Styling the Remember me checkbox
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

Please Log in to join the conversation.

14 years 7 months ago #1492 by Raj
Replied by Raj on topic Re:CSS Styling the Remember me checkbox
Here's the picture.
Attachments:

Please Log in to join the conversation.

14 years 7 months ago #1499 by Raj
Replied by Raj on topic Re:CSS Styling the Remember me checkbox
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 "&nbsp;\n"; else echo "<br />\n";
}

Roger

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.429 seconds

Facebook Twitter LinkedIn