Login Page Layout

[Boognish]

What pages do I need to look at to change the layout of the log in page and create account page? If you check these links you can see what's going on. It looks like maybe something is jacked up in the css? The center column is shoving my right column off the page in the second link. I have installed the split log in mod and the Anti bot mod. I did revert to a backup of my files and these pages look like this without the mods.

http://hotrodlures.com/store/index.php?main_page=login

http://hotrodlures.com/store/index.p...action=process


Thanks.

[clydejones]

You're using the split page login mod.

This mod is no longer supported since version 1.3.7 incorporates the split page by default.

But looking at your site, I'd say right off hand that the "legend" text in both boxes is too long to fit inside the boxes.


Returning Customers: Please Log In could be changed to just Please Log In

New? Please Provide Your Billing Information could be changed to Your Billing Information

[Boognish]

O.K. I got rid of the split page log in mod, thanks for that tip! It started to look better right away.


It looks like my right column has shifted to the left on this page and the login boxes look a little funky.
http://hotrodlures.com/store/index.php?main_page=login


This page is still messed up.
http://hotrodlures.com/store/index.p...action=process

[clydejones]

I looked at the view source of your site and can't find where your left and right columns have been defined and the width set.

[Boognish]

I looked at the view source of your site and can't find where your left and right columns have been defined and the width set.

O.K. I think I took care of that. (My > were >) The first page looks pretty good. The second page still has problems.

My tpl_main_page and css can be viewed here:

http://www.hotrodlures.com/testing/

[clydejones]

remove this code that appears at the top of your stylesheet

{
margin:0;
padding:0;
}

again on the create account page, I can't find where your left and right columns have been defined.

[Boognish]

again on the create account page, I can't find where your left and right columns have been defined.

O.k. I think I defined my columns for real this time. I was trying to put a static image at the top and bottom of my right and left columns. It looked like I screwed that up and knocked out my column defines. What would be a slick way to add those static images?

Also... when I remove this code my header becomes a jumbled mess.

{
margin:0;
padding:0;
}

[clydejones]

Open includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php

for the left column, find:

<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<div id="navColumnOneTopWrapper">&nbsp;</div> 
<?php
 /**
  * prepares and displays left column sideboxes
  *
  */
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div><div id="navColumnOneBottomWrapper">&nbsp;</div></td>
<?php
}
?>

Add the portions highlighted in red.

for the right column find:

<td id="navColumnTwo" class="columnRight" style="width: <?php echo COLUMN_WIDTH_RIGHT; ?>">
<div id="navColumnTwoTopWrapper">&nbsp;</div>
<?php
 /**
  * prepares and displays right column sideboxes
  *
  */
?>
<div id="navColumnTwoWrapper" style="width: <?php echo BOX_WIDTH_RIGHT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?></div><div id="navColumnTwoBottomWrapper">&nbsp;</div></td>
<?php
}
?>

add the portions highlighted in red.

save the file and upload to your server.

[Boognish]

Hey clydejones, thanks for helping me figure this out.

I started out with your suggestion from the last post and ended coming up with this for the left side and then did the same for the right (ColumnTwo of course):

 <td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<div id="navColumnOneTopWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"></div>
<?php
 /**
  * prepares and displays left column sideboxes
  *
  */
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div>
<div id="navColumnOneBottomWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"></div></td>
<?php

and I did this to put a static banner at the bottom:

?>
<!--eof- banner #6 display -->
<div id="contentMainFooter">
</body>

[clydejones]

Hey clydejones, thanks for helping me figure this out.

<!--eof- banner #6 display -->
<div id="contentMainFooter"></div>
</body>[/code]

don't forget to close the div.