Stripe Button Styling

Support
#1

I’m having issues styling the “Pay with Card” button (grey pill like button) to the same style as the button above it, the big beautiful purple one that says “Buy Bubble Wrap & Bones - $27”.

Thanks in advance!

#2

Hello there,

Please try this CSS code below,

.simpay-form-control button.simpay-payment-btn {
    background-color:  #825cff;
    border:  navajowhite;
    padding:  10px 25px;
    color: #fff;
    height:  50px;
    width: 280px;
    cursor: pointer;
    font-size:  15px;
    letter-spacing: 1px;
}

.simpay-form-control button.simpay-payment-btn:hover {
    background-color: #9372ff;
}

Hope that helps you.

Best regards.

#3

That seems to work! Thanks. Any idea how to also add the stripe icon and animation as per the original button?

#4

Hi there,

That’s not possible since the other button has a different structure. You may want to consult further customization from a developer. Plus, your site doesn’t use X theme or Pro and its icon library is different, and we can’t provide support for other themes.

Thanks!

#5

Damn, I forgot thanks!!!

#6

You’re welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.