I lost my little grey line

[hubcat]

I have a heavily moded store, and recently realized that at some point, the grey line that follows along the checkout process disappeared. The words are still there: Delivery Information... Payment Information...etc. and the button still highlights on the page you are on. Just the line disappeared.

 

Anyone have any idea where this line is defined?

 

Thanks,

Adrienne

[MoisesZaragoza]

I think that is part of the CSS.

Can we see the site to know which one is the line?

[hubcat]

It's still in development, not live yet, so the whole thing is password protected. Once we separate admin password from site password, we'll post for comments.

 

This is what I see at the bottom of the checkout pages:

 

           <td width="25%"><table border="0" width="100%" cellspacing="0" cellpadding="0">
             <tr>
               <td width="50%" align="right"><?php echo tep_draw_separator('pixel_silver.gif', '1', '5'); ?></td>
               <td width="50%"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
             </tr>
           </table></td>
           <td width="25%"><table border="0" width="100%" cellspacing="0" cellpadding="0">
             <tr>
               <td width="50%"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
               <td><?php echo tep_image(DIR_WS_IMAGES . 'checkout_bullet.gif'); ?></td>
               <td width="50%"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
             </tr>
           </table></td>
           <td width="25%"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
           <td width="25%"><table border="0" width="100%" cellspacing="0" cellpadding="0">
             <tr>
               <td width="50%"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
               <td width="50%"><?php echo tep_draw_separator('pixel_silver.gif', '1', '5'); ?></td>
             </tr>
           </table></td>
         </tr>
         <tr>
           <td align="center" width="25%" class="checkoutBarFrom"><?php echo '<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '" class="checkoutBarFrom">' . CHECKOUT_BAR_DELIVERY . '</a>'; ?></td>
           <td align="center" width="25%" class="checkoutBarCurrent"><?php echo CHECKOUT_BAR_PAYMENT; ?></td>
           <td align="center" width="25%" class="checkoutBarTo"><?php echo CHECKOUT_BAR_CONFIRMATION; ?></td>
           <td align="center" width="25%" class="checkoutBarTo"><?php echo CHECKOUT_BAR_FINISHED; ?></td>
         </tr>
       </table></td>

 

The pixel_silver.gif is there, but it's literally only one pixel. Is it supposed to be repeating? That seems like the most likely thing, but I'm not sure how to make it repeat.

 

Here's what's in CSS:

 

 

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

 

Tried changing the checkouBarCurrent, but it only seemed to change the text color.

 

Thanks for the help! :D

Adrienne

[hubcat]

Could you check your pixel_silver.gif and see if it's only one pixel? Maybe it's supposed to be a line and mine got overwritten at some point.

 

Thanks again,

Adrienne

[hubcat]

Would anyone be willing to post a copy of this code (bottom of checkout_shipping.php or checkout_payment.php) from their site with a working line? Maybe I could do a compare and see if there's a difference.

 

Thanks,

Adrienne

[hubcat]

Ok, after doing a bit more research, I'm reviving this post in hopes of more help.

 

I checked the page bottom from the original install, and it matches what I have. I also went back to the stylesheet that comes with MS2.2, and the line did not reappear. So... now I'm guessing that maybe there is a setting somewhere that allows duplication of pictures? I'm assuming that's why all of the separators are just one pixel - you pick one and then simply duplicate it.

 

I've also noticed that there are supposed to be lines in the shopping cart, but I just get a single pixel there as well. So my whole site won't duplicate any .gif to make a line.

 

Anyone know of a setting that controls this?

 

Thanks,

Adrienne