Return to previous page

Checkout and Stripe plugin - by Aleksey - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

Aleksey

Participant

June 13, 2018 at 00:03

Hello,

Having an issue where if Stripe is selected as a top payment gateway, the right block is corrupted and shipping options are impossible to select.

Please assist getting the CSS corrected

Screenshot here
http://www.clipular.com/posts/5738415979757568?k=xz9zlQsabtC-eAQ0sFKh2QbgvWc

#194790 Copied Theme version: 4.5 WooCommerce version: 4.9.6

5 Answers

Rose Tyler

Support staff

June 13, 2018 at 09:31

Hello,

Please try to disable this plugin http://prntscr.com/juda9f
Let me know the result.

Regards

#194805 Copied

Aleksey

Participant

June 13, 2018 at 18:31

Hello, all plugins except for WooCommerce and Stripe have been deactivated.
Same thing

#194844 Copied
Rose Tyler

Support staff

June 14, 2018 at 08:17
Hello,

Please add this custom css code:
```
.woocommerce-checkout #payment .payment_method_stripe {
    display:  inline-block;
}
body .woocommerce-checkout #payment input#payment_method_stripe{
	position:relative;
    top: 20px!important;
}
.payment_method_stripe p{
	margin-left: 0;
}
[for="wc-stripe-new-payment-method"]{
	padding: 0!important;
}
```
Regards
#194856 Copied
Aleksey

Participant

June 14, 2018 at 17:01
Thank you!

The final version that looks great on my site is this:
```
body .woocommerce-checkout #payment input#payment_method_stripe{
	position: relative !important;
    top: 20px !important;
}
.payment_method_stripe p{
	margin-left: 0;
}
[for="wc-stripe-new-payment-method"]{
	padding: 0 !important;
}
```
#194928 Copied
Rose Tyler

Support staff

June 15, 2018 at 07:43

Great.
I am glad that your problem was solved.

Regards

#194950 Copied
Viewing 6 results - 1 through 6 (of 6 total)