Styling

  • Ajay

    (@ajaypatel)


    7 years ago

    Hello,

    Is there a way to style the payment form? Here’s a picture: https://photos.app.goo.gl/oJ4gseTLd3GOwQ7Q2.

    I want to have both the amount field and the custom field (in this case Full Name) to be on one line and the button to be on the next.

    I would also like to change the colour of the button.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Alexander C.

    (@alexanderfoxc)

    Hi Ajay @ajaypatel.

    To style inputs, you can use following CSS classes:
    asp_product_item_amount_input for Amount input
    asp_product_custom_field_input for Full Name input

    For example, to make the font bold in Amount input, you need to add following into your theme’s CSS file:

    .asp_product_item_amount_input {
font-weight: bold;
}

    To style the button, please follow these instructions: https://stripe-plugins.com/customize-stripe-payment-button-appearance-using-css/

    Thread Starter Ajay

    (@ajaypatel)

    Hi Alexander,

    Thanks so much for this. Is there any way to get both fields on one line instead of across two?

    Thanks,
    Ajay

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling’ is closed to new replies.