Space between paymnet options ?

[webbouk]

Is it possible to add an additional <br> between payment options in the page 'Checkout: Step 2 of 3 - Payment Information' ?

I've had a go but cannot do so without breaking the payment modules.
Basically what I'm aiming to achieve is a larger gap between the payment options

Thanks

[DrByte]

While I'm not sure why you're wanting to do that, you could try the following CSS addition:

#checkoutPayment INPUT[type="radio"] {
    margin-top:20px;
}

[webbouk]

Thanks for the reply, that addition moves the radio circle down but doesn't move the corresponding text down with it as well

The reason I wish to move the button and text down is to seperate two different payment options to make them clearer to the user. As they currently are they are too close together imo

[stevesh]

DrByte's code moves both the radio button and the label on my test site. Have you made other changes on the payment page ?

[webbouk]

No, no other changes have been made

[muteyaar]

I also want to do the same i.e. i want some extra space between the different payment options.

But I can not understand where i have to add the code.

can u please help me?

I also want to add some extra description with each payment option in a different colour font if possible.

just like:

paypal - use ypur creidt card to pay in USD currency