• 

  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)