• Call Us
  • 360.322.4907 or 610.562.2900

Monday - Friday ( 10.00 - 17.00 EST / 07.00 - 14.00 PST )

Button Styling

The Pay with Card button styling is pulled from the Strip API which, in some cases, makes it difficult to style. It all depends on your template and how it loads CSS files.

 

stripe button styling

 

You may be able to override the CSS that is being pulled from the Stripe API but there is no guarentee it will work for you.

 

The button class is .stripe-button-el and it is partly wrapped in a span.

 

In your template's custom CSS file or Custom CSS setting in the template configuration you could try adding overrides to style the button to suit your needs. Below is the custom CSS we used for the demo site. You will need to refer to your templates documentation on how to add custom CSS as every template is different.

 

.stripe-button-el span {
background: none transparent!important;
background-image: none!important;
font-size: 1em!important;
font-family: "Roboto"!important;
box-shadow: none!important;
font-weight: 400!important;
}

.stripe-button-el {
background: #F16C3D!important;
background-image: none #F16C3D!important;
-webkit-border-radius: 2px!important;
-moz-border-radius: 2px!important;
border-radius: 2px!important;
border-color: #F16C3D!important;
padding: 4px 12px!important;
box-shadow: none!important;
}

.stripe-button-el:hover,
.stripe-button-el span:hover {
background: #96AD57!important;
background-image: none #96AD57!important;
border-color: #96AD57!important;
}

 

You may need to experiment a bit with different CSS attributes to acheive the styling you need. Note that the CSS classes that are used may change at any time if Stripe decides to make any changes.

  • Friday, 21 July 2017

Support is currently

Support Forum

Announcements
  1. 0 subcategories
General / Billing Questions
  1. 0 subcategories
NS FontAwesome Pro
  1. 2 subcategories
Stripe for RSForm Pro
  1. 2 subcategories
Stripe for RSMembership
  1. 2 subcategories
Stripe for RSEvents
  1. 2 subcategories
NS Members Only
  1. 2 subcategories
NS Mail Template
  1. 2 subcategories
Bitcoin for RSForm Pro
  1. 2 subcategories
NS Share Intent for Zoo
  1. 2 subcategories
NS Name Split
  1. 2 subcategories
NS Formula
  1. 2 subcategories
NS MeetUp
  1. 2 subcategories
NS Nerds
  1. 2 subcategories
NS DownloadShop
  1. 2 subcategories
NS Client Credits
  1. 1 subcategory
NS Recipe
  1. 2 subcategories
CiviCRM for RSForm
  1. 2 subcategories
Marysville, WA 98270 United States
(360) 322-4907
Hamburg, PA 19526 United States
(610) 562-2900