The Foxy forums are on the move!

We're in the process of moving our forums over to a new system, and so these forums are now read-only.
If you have a question about your store in the meantime, please don't hesitate to reach out to us via email.

Standard Checkout Template CSS Issue

goggansgoggans Member
in Bugs & Feature Requests edited November 2013
I've got the standard checkout template applied to a store I'm setting up and there's a slight CSS issue that I'm not sure what's going.

https://filterofhope.foxycart.com/checkout.php?fcsid=gj6a27qiogg4noi1cgv3vioh75

The 'Encrypt and save my payment details for future visits.' checkbox label under 'Payment information' is displayed BELOW the checkbox (https://filterofhope.foxycart.com/checkout.php?fcsid=gj6a27qiogg4noi1cgv3vioh75) instead of next to it like on other foxycart store's I've set-up and like on your demo store.

The checkbox (and radio buttons when logged in) are also being bumped over to the right instead of being left aligned like on other foxycart store's I've set-up and like on your demo store.

It seems that it's related to padding-left and width on line 554 of the standard foxycart stylesheet (https://filterofhope.foxycart.com/themes/standard/styles.css).
Comments
  • fc_adamfc_adam FoxyCart Team
    @goggans,

    It does indeed look like there is a bug there - related specifically to instances where only the plastic payment method is selected.

    I'll create a ticket for that on our side, but for now you can fix it by adding this style to your checkout template:
    <style type="text/css">
    #fc_checkout_container #fc_payment_list li.fc_row_checkbox {
    padding-left: 5%;
    width: 95%;
    }
    </style>
    
Sign In or Register to comment.