• Home

  • Episodes

  • About

  • Login
    •
    atayl16 said over 3 years ago on Payment Gateway Basics with Stripe :
    I had the craziest time getting this to work. In the end, my element was just not showing (maybe browser extension problems -_-). If you only see a tiny grey box on your screen when you expect to see a credit card input box, try adding this to the .StripeElement in your subscription.css file:

    min-width: 300px;

    So it now looks like this
    .StripeElement {
  background-color: #EEEEEE;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  min-width: 300px;
}

    Thanks for the lesson! Spot on, as always =)
    2 1 0