PayPal RESTful API Payment Module

[simon1066]

ON my checkout page, The CC icons spill out of the frame with Discover overlapping the next payment option. I tried uploading a screen shot but got "you have exceeded your limit". wlcartistry.com is the live site. This issue sounds familiar but I could not find anything by searching this thread.


ZC 2.0.1
OPC
Paypal Restful
Zelle
IH
Bootstrap
Clone a Template
Edit Orders
DBIO

You would just need to increase the width of the div that contains the icons. I'm not familiar with the Bootstrap template but the code you are looking for is

.ppr-button-choice label {
  cursor: pointer;
  height: 4rem;
  font-weight: bold;
  width: 11rem;
  display: inline-block;
  text-align: center;
}

Increasing the width to say 14rem should do it



That css code is shown as being inline so I'm not sure where it's located, perhaps in some javascript. The simplest way (perhaps the best?) is to add this to the end of your stylesheet.css

.ppr-button-choice label {
  width: 14rem!important;
}