Forums

Login Box styling

Permalink
Hi,

I just want to be able to set a width for my login box to stop it busting out of the side of a sidebar. Its seems fine in Safari but busting out of Firefox and Explorer.

Ive tried to put a width into the css uName wrap and passwordWrap...

<style>
.login_block_form .loginTxt{ font-weight:bold; 
color:#7ac142}
.login_block_form .uNameWrap{ 
margin:8px 0px; 
}
.login_block_form .passwordWrap{ 
margin-bottom:8px;
}
.login_block_form 
.login_block_register_link{
margin-top:8px; 
margin-bottom:15px; 
font-size:11px}
</style>


but it didnt work.

Also tried copying those classes into the main css page as well but it didnt work.

Any ideas? Its just setting a width for a form isn't it?

Nige
nige
 
Mnkras replied on at Permalink Reply
Mnkras
i think the width of the text field sets it not sure
nige replied on at Permalink Reply
nige
yeah I thought that too. Doesn't work though
jordanlev replied on at Permalink Reply
jordanlev
Where did you put these styles? It's possible that since the login page is a system page, it's not going to use anything from your theme unless you create your own single_page for it (by copying YOURSITE/concrete/single_pages/login.php to YOURSITE/single_pages/login.php, and then turning that override on in the YOURSITE/config/site_theme_paths.php file -- seehttp://www.concrete5.org/help/building_with_concrete5/developers/th... for more details).

Note that sometimes when you override the system pages like this, you lose the code that outputs errors (like someone has the wrong password, or left username blank, whatever). If that's the case, you want to add this snippet of code to your theme's view.php file (above the "print $innerContent" line):
<?php  if (isset($error) && $error != '') { ?>
   <?php  
   if ($error instanceof Exception) {
      $_error[] = $error->getMessage();
   } else if ($error instanceof ValidationErrorHelper) { 
      $_error = $error->getList();
   } else if (is_array($error)) {
      $_error = $error;
   } else if (is_string($error)) {
      $_error[] = $error;
   }
      ?>
      <ul class="ccm-error">
      <?php  foreach($_error as $e) { ?><li><?php echo $e?></li><?php  } ?>
      </ul>
Viewing 15 lines of 17 lines. View entire code block.